button{

           
      	         background-color: mediumaquamarine;
                color: white;
                font-size: 1.5rem;
                text-align: center;
                font-weight: bolder;
                padding: 3px;
                border: solid 2px black;

            }
            button:hover{ /* Estilo que se activa al pasar el puntero sobre el boton */
                background-color: lightcoral;
                font-size: 1.8rem;
                border: groove 4px red;
            }

body{
    font-family: calibri;
background-color: #d4c9e4;
background-image: url(" fondo.jpg");
    background-size:100% 100%;
        
}
p{    font-size: 1.5rem;
}
#titulo{
    font-size: 2.5rem;
    font-family: Calibri;
    color: brown; 
    background-color: rgba(255,255,255,0.9);
    border-radius:1rem;
}
#archivos{
    background-color: rgba(255,255,255,0.8);
    border-radius:1.5rem ;

}
#contenido{
    height: 90vh;



}
@media only screen and (orientation:portrait) {
#archivos,#titulo{
        margin: auto;
    text-align: center;

}
    }
    @media only screen and (orientation:landscape) {
#archivos,#titulo{
        margin: auto;
    text-align: center;
    width: 50%;
}
    }