@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
@import url("https://use.typekit.net/qjt0zgw.css");
@import url('https://fonts.googleapis.com/css2?family=Condiment&display=swap');
@import url('https://fonts.googleapis.com/css2?family=TikTok+Sans:opsz,wght@12..36,300..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Frank+Ruhl+Libre:wght@300..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Modak&display=swap');
@font-face {
    font-family: "Poppins";
    src: url("fonts/poppins/poppins-medium.tff/");
}
body{
    background-color:black;
    margin: 0;
}

h1 {
    font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
}

h2 {
font-family: "brooklyn-heritage-script", sans-serif;
font-weight: 400;
font-style: normal;
}

p {
    font-family: "poppins";
}

.red {
    background-color:red;
    color:white;
    padding:10%;
}

.blue {
    background-color:grey;
    color: white;
    padding: 10%;
    ul {
        font-family: "condiment";
    }
    blockquote{
        font-family:"modak";
        font-size: medium;
        font: weight 250px;
}
}