this is what I have so far
@import url('https://fonts.googleapis.com/css2?family=Montserrat: wght@300;500&display=swap');
body{
margin: 0;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
background-color: #556271;
color: white;
}
h1{
color: #fe6a67;
text-align: center;
font-weight: normal;
text-transform: uppercase;
border-top: 1px dotted #d4dccd;
margin-top: 30px;
}
h2{
font-size: 1em;
text-align: center;
}
.primary-font{
font-family: 'Montserrat', sans-serif;
}
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;500&display=swap');
body{
margin: 0;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
h1{
width: 2px;
border-top: 1px dotted;
border-top-color: #506D84;
}
h2{
text-align: center;
}
.secondary-font{
font-family: 'Poppins', sans-serif;
}
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;500&display=swap');
h2 .ternary-font{
font-family: 'Roboto', sans-serif;
}
tags) in your style sheet to import the font 6. Refer to the CSS declarations example in the selected families menu to learn how to use your selected fonts Add the following style rules to your style sheet: primary-font { .secondary-font { Complete the style rules above by providing your Google Fonts as values to the font- family property. Be sure to include a web safe font as a fallback if the browser fails to load the Google Font. Apply the primary font class to the Level One Section Heading. Then apply the secondary font class to the Level Two Section Heading. Finally, create a style rule that applies the third Google Font to any paragraph element that immediate follows an element with the secondary font class. "/>
Extracted text: 1. Go to Google Fonts. 2. Search for three interesting fonts 3. To select a font family, click on the font preview and press the "select this style" button 4. When you've chosen the font families, press the View your selected families button in the top right corner of the page. 5. Use the import rule (without the tags) in your style sheet to import the font 6. Refer to the CSS declarations example in the selected families menu to learn how to use your selected fonts Add the following style rules to your style sheet: primary-font { .secondary-font { Complete the style rules above by providing your Google Fonts as values to the font- family property. Be sure to include a web safe font as a fallback if the browser fails to load the Google Font. Apply the primary font class to the Level One Section Heading. Then apply the secondary font class to the Level Two Section Heading. Finally, create a style rule that applies the third Google Font to any paragraph element that immediate follows an element with the secondary font class.