/* Reset CSS */ 

* { 

    margin: 0; 
    padding: 0; 
    box-sizing: border-box; 

} 


/* Global Styles */ 

@font-face {
    font-family: myHeadlineFont;
    src: url(fonts/RobotoSlab-Regular.ttf);
    
}
@font-face {
    font-family: myBodyFont;
    src: url(fonts/Lato-Regular.ttf);
}

body { 

    line-height: 1.6; 
    background-color: #f4f4f4; 
    color: #333; 

} 

p {
    font-family: myBodyFont; 

}

.container { 

    max-width: 1200px; 
    margin: auto; 
    padding: 0 20px; 

} 

 

/* Navigation Styles */ 

nav { 
    font-family: myHeadlineFont;
    background-color: #4f21ce; 
    color: #fff; 
    padding: 20px 0; 

} 

 
nav ul { 

    list-style: none; 

} 

nav ul li { 

    display: inline; 
    margin-right: 20px; 

} 

nav ul li a { 

    text-decoration: none; 
    color: #fff; 

} 

/* Section Styles */ 

section { 
    font-family: myHeadlineFont;
    padding: 50px 0; 
} 

section h2 { 
    margin-bottom: 20px; 
} 

section h3 { 
    margin-bottom: 10px; 
} 
 

/* Footer Styles */ 

footer { 
    font-family: myBodyFont;
    background-color: #333; 

    color: #fff; 

    text-align: center; 

    padding: 20px 0; 

}