/* 
selector{propiedad: valor;}
*/

@import url('https://fonts.googleapis.com/css2?family=Orbitron: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; max-width: 150rem;}

/* Estilos */

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

/* Menu */
body header nav{background-color: royalblue; color: white; text-decoration: none; color: white;}
.linkactivo{background-color:rgb(22, 51, 138) ;}

/* generales sin punto. */
h2{color: white;}
footer article p1 {color: rgb(157, 157, 157); font-size: 0.8rem;}
footer article p {color: rgb(255, 255, 255); font-size: 1rem;}
body section article h3{color: white;}
body section article h3{background-color: rgb(255, 0, 0); border-radius: 0.7rem 0.2rem 0.7rem 0.2rem;}
footer a {text-decoration: none; color: white;}

.menugeneral {display: flex; justify-content: space-around; font-size: 2rem;font-family: 'Orbitron', sans-serif; font-size: 1.3rem; color: rgb(250, 250, 250)}



/* Fondos plenos */
.artocampo{background-color: rgb(44, 69, 146); padding: 3%; margin: 5%; border-radius: 5rem 0.2rem 5rem 0.2rem; box-shadow: 0.5rem 0.5rem 2rem 1rem rgba(0, 0, 255, 0.3)}

.modulo1{background-color: royalblue; width: 90%; padding: 3%; margin: 5%; border-radius: 5rem 0.2rem 5rem 0.2rem; box-shadow: 0.5rem 0.5rem 2rem 1rem rgba(0, 0, 255, 0.3); text-decoration: none; color: white;}
.columna1{background-color: royalblue;width: 80%; padding: 3%; margin: 5%; border-radius: 5rem 0.2rem 5rem 0.2rem; box-shadow: 0.5rem 0.5rem 2rem 1rem rgba(0, 0, 255, 0.3)}
.modulo3{background-color: royalblue;width: 80%; padding: 3%; margin: 5%; border-radius: 5rem 0.2rem 5rem 0.2rem; box-shadow: 0.5rem 0.5rem 2rem 1rem rgba(0, 0, 255, 0.3)}
.modulo4{background-color: royalblue;width: 80%; padding: 3%; margin: 5%; border-radius: 5rem 0.2rem 5rem 0.2rem; box-shadow: 0.5rem 0.5rem 2rem 1rem rgba(0, 0, 255, 0.3)}
.modulo5{background-color: royalblue;width: 90%; padding: 3%; margin: 5%; border-radius: 5rem 0.2rem 5rem 0.2rem; box-shadow: 0.5rem 0.5rem 2rem 1rem rgba(0, 0, 255, 0.3)}
.materiasaprobadasclass{background-color: royalblue;width: 90%; padding: 2%; margin: 5%; border-radius: 5rem 0.2rem 5rem 0.2rem; box-shadow: 0.5rem 0.5rem 2rem 1rem rgba(0, 0, 255, 0.3)}
.mainclass{margin: 1rem;} 
.nombredeapp {background-color: royalblue; width: 90%; padding: 2%; margin: 5%; border-radius: 5rem 0.2rem 5rem 0.2rem; box-shadow: 0.5rem 0.5rem 2rem 1rem rgba(0, 0, 255, 0.3)}
.nombredeapp .tipoapp{font-family: 'Orbitron', sans-serif; font-size: 1.3rem; color: rgb(250, 250, 250)}
.placainferior{background-color: royalblue; padding: 4%; box-shadow: 0.5rem 0.5rem 2rem 1rem rgba(0, 0, 255, 0.3)}




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


/* Palabras en negrita*/
.modulo3 article .negrita2{font-weight: 800;}
.columna1 .negrita1{font-weight: 800;}
.modulo4 .negrita3{font-weight: 800;}
.modulo5 .negrita4{font-weight: 800;}


/* Palabras selector*/
.artocampo:hover{background-color: royalblue;}
.wendy:hover{ text-decoration: none ;color: rgb(35, 68, 165); background-color: teal;}
.mati:hover{ text-decoration: none ;color: rgb(35, 68, 165); background-color: teal;}
.dano:hover{text-decoration: none ;color: rgb(35, 68, 165); background-color: teal;}
.rocio:hover{text-decoration: none ;color: rgb(35, 68, 165); background-color: teal;}
.linkactivo:hover {color: rgb(35, 68, 165); background-color: teal;}
.app:hover {color: rgb(35, 68, 165); background-color: teal;}
.mapa:hover {color: rgb(35, 68, 165); background-color: teal;}
.plan:hover {color: rgb(35, 68, 165); background-color: teal;}


.integrantesclass {font-family: 'Orbitron', sans-serif;font-weight: 0 ;}
.materiasaprobadasclass {font-family: 'Orbitron', sans-serif;font-weight: 0 ;}
.nivel1{background-color: rgb(255, 0, 0); border-radius: 0.7rem 0.2rem 0.7rem 0.2rem;font-family: 'Orbitron', sans-serif;font-weight: 50 ;}
.nivel2{font-family: 'Orbitron', sans-serif;font-weight: 50 ;}
.nivel3{font-family: 'Orbitron', sans-serif;font-weight: 50 ;}
.encursoclass{font-family: 'Orbitron', 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://cdn.eldeforma.com/wp-content/uploads/2020/03/hackerman-by-shiiftyshift-dan31sc-1280x600-1.png);}

/* imagen de perfil*/
body header img
{
    width: 15%;
    margin: 5%;
    padding: 0%;
    height: 25%;
    border: 0.5rem solid rgb(23, 120, 194);
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%;}