@import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Allison&family=Urbanist:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Urbanist&display=swap');

body{background-image: linear-gradient(to top, #003052 0%, #011c41 100%); font-family: Arial, Helvetica, sans-serif;}

header{background:rgb(241, 245, 226); text-align: center;}
h1{color:rgb(1, 38, 63); font-family: 'Allison', cursive ;  text-align: center; font-size: 2rem;}
.emp {color:rgb(196, 212, 223); font-family: 'Allison', cursive ;  text-align: center; font-size: 3rem;}
h2{color: rgb(1, 38, 63);font-family: 'Urbanist', sans-serif; font-size: medium; text-align: center;}
footer p{color: rgb(154, 171, 185); font-size: smaller; text-align: center;}
section {font-family: Arial, Helvetica, sans-serif; color: rgb(26, 52, 70);} 
h3{color: rgb(221, 154, 116);font-family: 'Urbanist', sans-serif;}
h4 {color: rgb(221, 154, 116); text-align: center; font-size: small;font-family: 'Urbanist', sans-serif;}
p {font-size: small; text-align: center; font-family: 'Urbanist', sans-serif;}
.listado{background-color: rgb(241, 245, 226);}
body a {color:rgb(1, 38, 63) ; text-decoration: none; background-color: none); }
.link-activo {color:rgb(196, 212, 223); background-color: rgb(8, 23, 34);}
.textoizquierdo {text-align: left; font-family: 'Urbanist', sans-serif; font-size: 13px; color: rgb(106, 149, 184);}
.textoizquierdouni {text-align: center; font-family: 'Urbanist', sans-serif; font-size: 19px; color: rgb(243, 149, 138);}
.titulo {font-family: 'Urbanist', sans-serif; text-align: center;}
.subrayado{text-decoration: underline;font-family: 'Urbanist', sans-serif; text-align: center;}
.textoizquierdosubrayado {text-align: center; text-decoration: underline;}
.niveles {font-family: 'Urbanist', sans-serif; font-size: large; color:rgb(214, 202, 163)}
.materiasok {font-family: 'Urbanist', sans-serif; color:rgb(106, 149, 184)}
.seleccion{color:rgb(106, 149, 184);}
.links-inicio {color:rgb(255, 255, 255): 'Urbanist', sans-serif;}
.seleccion:hover {background: rgb(221, 154, 116);}
.perfiles:hover {font-family: 'Urbanist', sans-serif; background: salmon;}
.perfiles {text-decoration: underline; font-weight:bold;}
.tipo {color: rgb(223, 199, 123);font-family: 'Urbanist', sans-serif; font-size: medium; text-align: center;}
.primero {display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: baseline;
	align-content: stretch;	 }
.centrado {text-align: center;}

div {
    background-color: rgb(241, 245, 226);
  }
.img main {margin: 5rem;

	width: 90%;
	
	max-width: 75rem;
	}


@media (min-width: 576px){
    div {
        background-color: rgb(180, 200, 216);
        margin: 10px;
      }

.primero {
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: center;
	align-content: stretch;
} 

.columna {     display: flex;
	flex-direction: row;
	flex-wrap:wrap;
	justify-content:space-around;
	align-items: center;
	align-content: flex-start; }

body {background:rgb(#000000); }
h1{color:rgb(221, 190, 90); font-family: 'Allison', cursive ;  text-align: center; font-size: 50px;}
h2{color: rgb(223, 199, 123);font-family: 'Urbanist', sans-serif; font-size: medium; text-align: center;}
footer p{color: rgb(154, 171, 185); font-size: smaller; text-align: center;}
.niveles {font-family: 'Urbanist', sans-serif; font-size: large; color: rgb(26, 52, 70);}
.materiasok {font-family: 'Urbanist', sans-serif; color: rgb(26, 52, 70); }
.textoizquierdo {text-align: left; font-family: 'Urbanist', sans-serif; font-size: 13px; color:rgb(26, 52, 70);}
.tipo {font-family: 'Urbanist', sans-serif; color: #09203f;}
.emp {color:rgb(1, 38, 63); font-family: 'Allison', cursive ;  text-align: center; font-size: 50px;}
}