body{
	font-family: calibri;
	text-align: center;
	background-image: url('recursos/fondo.jpg');
background-size: cover;}

.autores{
padding: 1rem;
        margin: auto;
        font-weight: bolder;
        font-size: 1.8rem;
        background-color:rgba(255,255,255,0.7) ;
        border-radius: 1rem;
        color: black;
        position: absolute;
        margin-top: 6%;
        margin-left: 40%;
}
@media only screen and (orientation:portrait) {
        #contenido { display:none; }
        #aviso-movil-horizontal { 
          display:block;
      font-size: 1rem;
      color: black;
                text-align: center;
                font-weight: bolder;}
                p
                {
                    color: black;
                }
		    
      
    }

    @media only screen and (orientation:landscape) {
        #aviso-movil-horizontal { display:none; }
           #contenido{
        height: 90vh;
        display: grid;
        margin: auto;
    }
    }
    .Titulo{padding: 1rem;
    	margin: auto;
    	font-weight: bolder;
    	font-size: 2.5rem;
    	background-color:rgba(255,255,255,0.7) ;
    	border-radius: 1rem;
        color: black;
    }
    .texto{
    	font-size: 1.5rem;
        color: black;
        padding: 1rem;
    }
    #encabezado{
    	margin: auto;
    	background-color:rgba(255,255,255,0.5) ;
    	border-radius: 1rem;
    	width: 30%;
    }

         button {background-image: linear-gradient(to right, #16A085 0%, #F4D03F  51%, #16A085  100%)}
         button {
            margin: 10px;
            padding: 15px 45px;
            text-align: center;
            font-size: 1.3rem;
            transition: 0.5s;
            background-size: 200% auto;
            color: white;            
            box-shadow: 0 0 20px #eee;
            border-radius: 10px;
           
          }

          button:hover {
            background-position: right center; /* change the direction of the change here */
            color: #fff;
            text-decoration: none;
          }