@import url('https://fonts.googleapis.com/css2?family=Slackey&display=swap');
@import url("https://use.typekit.net/krc1iwq.css");

p{
    margin: 0;
}

body{
    background-color: rgb(242, 242, 242);
}
.box1{
    font-family: podium-soft-variable, sans-serif;
    font-variation-settings: "wdth" 100;
    background-color: rgb(242, 191, 128) ;
    color: rgb(218, 80, 51);
    font-size: 150px;
    text-align: center;
    margin: 2.5% 2.5% 0% 2.5% ;
    padding: 5% 8% 5% 8%;
}

.row1{
display:flex;
}

.box2{
    font-family: ambroise-std, serif;
    font-weight: 400;
    font-style: normal;
    background-color: rgb(40, 66, 89);
    color: rgb(242, 191, 128);
    margin:2.5% 2.5% 0% 2.5% ;
    flex: 70%;
    text-align: center;
    font-size: 80px;
    padding: 5% 1% 5% 1%;
    
}


.box3{
    font-family: mokoko-variable, sans-serif;
    font-variation-settings: "wght" 400;
    background-color: rgb(242, 76, 60);
    color: rgb(40, 66, 89);
    flex: 30%;
    margin:2.5% 2.5% 0% 0% ;
    text-align: center;
    font-size: 90px;
    padding: 5% 0% 0% 0%;
}


.box4{
font-family: ambroise-std, serif;
font-weight: 700;
font-style: italic;
background-color: rgb(242, 191, 128);
color: rgb(218, 80, 51);
   font-size: 100px;
    text-align: center;
    margin: 2.5% 2.5% 0% 2.5% ;
    padding: 5% 2% 5% 2%;

}

.row2{
    display: flex;
}

.box5{
font-family: apotek-comp, sans-serif;
font-weight: 400;
font-style: normal;
background-color: rgb(242, 76, 60);
color: rgb(40, 66, 89);
flex: 40%;
margin:2.5% 2.5% 0% 2.5% ;
font-size: 120px;
text-align: center;
padding: 2.5% 0% 2.5% 0%;

}


.box6{
font-family: anton, sans-serif;
font-weight: 400;
font-style: normal;
background-color: rgb(40, 66, 89);
color: rgb(242, 191, 128);
flex: 60%;
margin:2.5% 2.5% 0% 0% ;
  text-align: center;
    font-size: 60px;
padding: 10% 10% 2% 0%;
line-height: 110%;
}

.flex{
    display: flex;
}
.column1{
flex: 55%;
}
.box9{
    flex: 45%;
    background-color: rgb(218, 80, 51);
     margin: 2.5% 2.5% 0% 1% ;
}

.box7{
    font-family: black-pack-vf, sans-serif;
    font-variation-settings: "STRS" 0, "wdth" 100, "wght" 400;
    background-color: rgb(242, 191, 128);
    color: rgb(218, 80, 51);
    margin: 5% 2.5% 2.5% 5% ;
    padding: 8% 8% 8% 8%;
    text-align: center;
    font-size: 40px;
}


.box8{
font-family: airco-std, sans-serif;
font-weight: 700;
font-style: italic;
background-color: rgb(40, 66, 89);
color: rgb(218, 80, 51);
margin: 5% 2.5% 0% 5% ;
padding: 2% 0% 2% 0%;
text-align: center;
font-size: 30px;
}



.what{
font-family: acumin-variable, sans-serif;
font-variation-settings: "slnt" 0, "wdth" 100, "wght" 194.2857;
color: rgb(20, 18, 49);
text-align: left;
padding: 6% 0% 0% 10%;
font-size: 30px;
}

.dontknow{
   font-family: "Slackey", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: rgb(242, 191, 128);
  text-align: right;
  padding: 8% 16% 4% 10%;
  font-size: 30px;
}

.row3{
display: flex;
}

.box10{
font-family: acme-gothic-compressed, sans-serif;
font-weight: 700;
font-style: normal;
flex: 40%;
margin:2.5% 2.5% 2.5% 2.5% ;
background-color: rgb(242, 191, 128);
color: rgb(218, 80, 51);
text-align: center;
padding: 12% 0% 12% 0%;
font-size: 30px;
}

.box11{
font-family: baskerville-poster-pt, serif;
font-weight: 400;
font-style: normal;
flex: 60%;
margin:2.5% 2.5% 2.5% 0% ;
background-color: rgb(40, 66, 89);
color: rgb(242, 191, 128);
text-align: center;
font-size: 80px;
padding: 3% 0% 0% 0%;
}