/* 
selector{propiedad: valor;}
*/

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

*{margin: 0.3%; padding: 0%; box-sizing: border-box;}
body {max-width: 175rem; margin: auto}
.nombremio {max-width: 175rem; margin: auto}
body header img {max-width: 175rem; margin: auto; padding: auto; border-radius 1rem; max-width: 200rem;}

/* Estilos */

body{color: black; font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; text-align: center;}
h1{background: #ff6969;}
body header h2{background-color: black;}
.nombremio{ font-family: 'KronaOne', sans-serif; font-weight: 100 ; font-size: 3rem; color: rgb(250, 250, 250)}

/* Menu */
body header nav{background-color: #ff6969; color: white; text-decoration: none; color: white;}
.linkactivo{background-color: #ff6969;}

/* generales sin punto. */
h2{color: white;}
footer article p1 {color: #ff6969; font-size: 0.8rem;}
footer article p {color: white; font-size: 1rem;}
body section article h3{color: white;}
body section article h3{
	background-color: black;
	border-radius: 1rem;}

footer a {text-decoration: none; color: white;}

.menugeneral {
	display: flex;
	justify-content: space-around;
	font-size: 2rem;
	font-family: 'KronaOne',sans-serif;
	font-size: 1.3rem;
	color: white}



/* Fondos */
.artocampo{
	background-color: #d369ff;
	padding: 3%;
	margin: 5%;
	border-radius: 1rem;
	border-bottom: 0.6rem solid white
}

.modulo1{
	background-color: white;
	width: 90%;
	padding: 3%;
	margin: 5%;
	border-radius: 1rem;
	border-bottom: 0.6rem solid black;
}
.columna1{
	background-color: white;
	width: 80%;
	padding: 3%;
	margin: 5%;
	border-radius: 1rem;
	border-bottom: 0.6rem solid black;
}
.modulo3{
	background-color: white;
	width: 80%;
	padding: 3%;
	margin: 5%;
	border-radius: 1rem
	border-bottom: 1rem solid black;
}
.modulo4{
	background-color: white;
	width: 80%;
	padding: 3%;
	margin: 5%;
	border-radius: 1rem;
	border-bottom: 0.6rem solid black;
}
.modulo5{
	background-color: white;
	width: 90%;
	padding: 3%;
	margin: 5%;
	border-radius: 1rem;
	border-bottom: 0.6rem solid black;
}
.materiasaprobadasclass{
	background-color: white;
	width: 90%;
	padding: 2%;
	margin: 5%;
	border-radius: 1rem;
	border-bottom: 0.6rem solid black;
}
.mainclass{margin: 1rem;} 

.nombredeapp {
	background-color: #ff6969;
	width: 90%;
	padding: 2%;
	margin: 5%;
	border-radius: 1rem;
	border-bottom: 0.6rem solid white;
}
.nombredeapp .tipoapp{font-family: 'KronaOne', sans-serif; font-size: 1.3rem; color: rgb(250, 250, 250)}
.placainferior{
	background-color: black;
	padding: 4%;
}




/* Ancho columnas */
.mainclass{display: flex; justify-content: space-evenly;}
.columna1{width: 30%;}
.modulo3{width: 30%;}
.modulo4{width: 30%;}



/* Palabras selector*/
.artocampo:hover{background-color: royalblue;}
.wendy:hover{ text-decoration: none ;color: #d369ff; background-color: teal;}
.mati:hover{ text-decoration: none ;color: #d369ff; background-color: teal;}
.dano:hover{text-decoration: none ;color: #d369ff; background-color: teal;}
.rocio:hover{text-decoration: none ;color: #d369ff; background-color: teal;}
.linkactivo:hover {color: #d369ff; background-color: teal;}
.app:hover {color: #d369ff; background-color: teal;}
.mapa:hover {color: #d369ff; background-color: teal;}
.plan:hover {color: #d369ff; background-color: teal;}


.integrantesclass {font-family: 'KronaOne', sans-serif;font-weight: 0 ;}
.materiasaprobadasclass {font-family: 'KronaOne', sans-serif;font-weight: 0 ;}
.nivel1{
	background-color: black;
	border-radius: 1rem;
	font-family: 'KronaOne', sans-serif;font-weight: 50;}

.nivel2{
	background-color: black;
	border-radius: 1rem;
	font-family: 'KronaOne', sans-serif;font-weight: 50;}


.encursoclass{font-family: 'KronaOne', sans-serif;font-weight: 50 ;}

body header nav a {text-decoration: none; color: white;}
body section article p a {text-decoration: none; color: white;}


/* Imagen de fondo */
body{background-image: url(https://htmlcolors.com/gradients-images/53-light-purple-gradient.jpg);}

/* imagen de perfil*/
body header img
{
    width: 15%;
    margin: 5%;
    padding: 0%;
    height: 25%;
    border-radius: 10rem 10rem 10rem 10rem;
}

/* Imagenes de logo*/

.logos {display: flex; justify-content: space-around;}
.logoocampo {width: 30%; height: 30%; margin-top: -2%; margin-left: -10%;}
.logofadu {width: 20%;height: 20%; margin-top: 4%;}