body, html {
    overflow-x: hidden;
}

@font-face {
    font-family: 'Baron';
    src: url('./asset/font/Baron Neue.otf') format('opentype');
    
}

#firstScreen{
    background-color: rgba(153, 217, 217, 1);

}


header{
    font-family: 'Montserrat', sans-serif;


}



#firstInfContainer > h1{
    font-family: 'Baron';
}
#firstInfContainer{

    font-family: 'Montserrat', sans-serif;



}

#firstInfContainer > h2{
    color: rgba(44, 92, 102, 1);
}

#secondScreen > h1{

    font-family: 'Questrial', sans-serif;

}
#secondScreen > h2{
    font-family: 'Montserrat', sans-serif;

}

#thirdScreen{
    font-family: 'Montserrat', sans-serif;

}

#thirdScreen > #tittle{

    font-family: 'Questrial', sans-serif;

}

#cardsContainer{
    transform: scale(0.9); /* Scale down to 80% of the original size */
}

#fourthScreen{
    background-image: url("./asset/img/background/background-footer-block.png"); /* Path to your image */
    background-size: cover;  /* Cover the entire div */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-position: center; /* Center the background image */
    height: 100vh;
    width: 100vw; /* Set the width of the div */
    font-family: 'Montserrat', sans-serif;

}
#secondScreen{
    background-image: url("./asset/img/background/background-second-block.png"); /* Path to your image */
    background-size: cover;  /* Cover the entire div */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-position: center; /* Center the background image */
    height: 100vh;
    width: 100vw; /* Set the width of the div */
    font-family: 'Montserrat', sans-serif;

}

#phone > h1{
    font-family: 'IBM Plex Mono', monospace;

}
#phone > h2{
    font-family: 'Montserrat', sans-serif;

}