body {
    font-family: 'Montserrat';
}
    
 
html {
scroll-behavior: smooth;
}
   
.reveal{
transform: translateX(-300px);
opacity: 0;
transition: 1s all ease;
}

.reveal.active{
transform: translateY(0);
opacity: 1;
}


.reveal2{
transform: translateX(300px);
opacity: 0;
transition: 1s all ease;
}

.reveal2.active{
transform: translateY(0);
opacity: 1;
}