body {
	background-image: url(../imagenes/fondo-tecnologico-azul-abstracto_52683-12538.jpg);
	background-repeat: repeat-y;
	background-size: 100%;
	background-attachment: fixed;
    color: goldenrod;
    font-weight:bolder;
}

#encabezado {
	width: 83%;
	margin: 10px auto;
	height: 100px;
	background-image: url(../imagenes/fondo-abstracto-azul-tecnologia-hud_23-2148230325.jpg);
	border-radius: 20px;
	text-align: center;
	line-height: 100px;
	font-size: 2em;
	text-shadow: 19px 18px 57px rgba(29,26,26,1.00);
    

}

#encabezado h1 {animation: titulo 3s ease infinite;
                }

@keyframes titulo{
    0% {transform: rotateX(0deg);}
    100% {transform: rotateX(360deg);}
}

#contenido{
    width:90%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

#izquierdo {width: 100%;
    height: 100%;
    background-color:rgba(240, 240, 240, 0.184); 
 border-radius: 10px;}

 #certificado{text-align: center;
    display:inline-block;
}

#derecho{width: 100%;
    height: 100%;
    background-color: rgba(240, 240, 240, 0.184); 
    border-radius: 10px;}


.titulo{ width: 100%; 
     margin-bottom:30px;padding:0;
    color:coral;
    text-align: center;
    font-size: 130%; }

#alumnos{

width:800px;
margin:0 auto;
display: grid;
grid-template-columns: repeat(5,1fr);
}  

#alumnos div{  width: 160px;
    height: 160px;}

.alumno{ width: 100%;
height: 100%;
border-radius: 40px;
border: 1px solid aliceblue;
/*background-color: aliceblue;*/
text-align: center;

}

.alumno a{text-decoration: none;
            color:goldenrod;}

.invisible{visibility: hidden;}


#secciones{width: 100%;display: flex;
flex-direction: column;
justify-content: space-around;
height: 90%;}


.seccion{ width:100%;
    height: 80px;
    /*border-radius: 40px;*/
   
    display: flex;
    justify-content: space-around;}

.tituloseccion{ width:150px;
               height: 100%;
               line-height: 100px;
               font-size: 2em;
                color:rgb(8, 37, 68);
               text-align: center; }

.miniaturas{width:18%;
    height: 100% ;
    border:3px solid rgb(0, 0, 0)}
/*el fichero del cursos debe copiarse obligatoriamente en la carpeta donde este guadado el fichero css, se pueden definir sustituos separados por comas*/
.miniaturas:hover{cursor: url(vicente_icono.png),crosshair;}
iframe{
    margin-top: 10px;
    height: 600px;
    border-radius: 20px;}

    @media screen and (max-width: 800px) {
        #alumnos{

            width:600px;
            margin:0 auto;
            display: grid;
            grid-template-columns: repeat(2,1fr);
            }  

        #encabezado{font-size: 1.6em;}
    }