@font-face{
    font-family: 'Poppins-Bold';
    src: url('../type/Poppins-Bold.ttf');
    font-family: "Poppins-Regular";
    src: url('../type//Poppins-Regular.ttf');
}


 body {
    font-family: 'poppins', 'rubik', sans-serif;
    background-color: rgb(255, 217, 224);
 }
 .principal{
    display:flex;
    flex-direction: column;
    align-items: center;
}
h1 {
    font-size: 7em;
    margin: 0;
    margin-top: 15vh;
    font-family: "poppins-Bold", sans-serif;
    color: #FFB5C2;
    text-shadow: -0.0085em 0.0085em 0 #ffffff,
    0.005em 0.005em 0 #FFA7B7,
    0.01em 0.01em 0 #FFA2B3,
    0.015em 0.015em #FF9BAD,
    0.02em 0.02em 0 #FF92A6,
    0.025em 0.025em 0 #FD8DA1,
    0.03em 0.03em 0 #FB879C,
    0.035em 0.035em 0 #F88096;
}
h4 {
    font-size: 0px;
    margin: 0;
    margin-top: 7vh;
    font-family: "poppins-Bold", sans-serif;
    color: #FFB5C2;
    text-shadow: -0.0085em 0.0085em 0 #ffffff,
    0.005em 0.005em 0 #FFA7B7,
    0.01em 0.01em 0 #FFA2B3,
    0.015em 0.015em #FF9BAD,
    0.02em 0.02em 0 #FF92A6,
    0.025em 0.025em 0 #FD8DA1,
    0.03em 0.03em 0 #FB879C,
    0.035em 0.035em 0 #F88096;
}
p{
    font-size: 20px;
    margin-top: 10vh;
    text-align: center;
    font-family: "Poppins-Regular", sans-serif;
    width: 80vw;
    color:#344C54;
}

a{
    font-size: 20px;
    color: #344C54;
    padding: 5vw;
    margin-top: 20vh;
}

@media only screen and (min-width:0px) and (max-width:767px){
 h1 {
     font-size: 0px;
     margin: 0;
 }
 h4 {
    font-size: 10em;
 }

    p{
     font-size: 1em;
     margin-top: 5vh;
 }
 a{
    font-size: 0.8em;
    margin: 0;
    margin-top: 10vh;
}

@media only screen and (min-width:768px) and (max-width:1024px){
    h1 {
        font-size: 0px;
        margin: 0;
    }
    h4 {
       font-size: 10em;
       margin: 0;
       margin-top: 7vh;
       font-family: "poppins-Bold", sans-serif;
       color: #FFB5C2;
       text-shadow: -0.0085em 0.0085em 0 #ffffff,
       0.005em 0.005em 0 #FFA7B7,
       0.01em 0.01em 0 #FFA2B3,
       0.015em 0.015em #FF9BAD,
       0.02em 0.02em 0 #FF92A6,
       0.025em 0.025em 0 #FD8DA1,
       0.03em 0.03em 0 #FB879C,
       0.035em 0.035em 0 #F88096;
   }
}