.main{
   width:80%;
   margin:auto; 
}

video{
    width:80%;
    
}

.leftside,  .rightside, .section{
    height:100vh;
    width: 100%;
}

@media screen and (min-width:300px)
{
    .leftside,  .rightside, .section{
        height:0;
    }
}

.section{
    display:block;
    text-align: center;
    padding: bottom 5px;


}
.leftside, .half-screen-gif { 
    
    width: 100%;
    height: auto;
    display: block;
    margin: 10% auto; /* Para centrar horizontalmente el GIF en la mitad de la pantalla */
} 


.rightside, .right-section-content {
    width: 100%;
    height: auto;
    display: block;
    font-size: 20px; /* Aumenta el tamaño de la fuente según tus necesidades */
    font-family: "Comic Sans MS", sans-serif; /* Cambia el tipo de letra según tus necesidades */
    margin: 10% auto; /* Para centrar horizontalmente el GIF en la mitad de la pantalla */
    
}