@import url('https://fonts.googleapis.com/css2? family = Raleway: wght @ 100; 400; 500; 600; 700; 800; 900 & display = swap');

/*
selector{propiedades:valor;}
*/

body{background:#ffffff ; font-family: 'Raleway', sans-serif; text-align: left;}
header{background: #ffffff;}



h1{color:rgb(0, 0, 0); margin-top: 1%; font-family: 'Raleway', sans-serif; font-weight: 800; font-size:3rem; text-align:left; margin-bottom: -12%; margin-left: 10%;}
h2{color:rgb(0, 0, 0); font-family: 'Raleway', sans-serif; font-weight: 300; font-size: 1.5rem; text-align:left;margin-bottom: -1%; margin-left: 10%;     width: max-content;}

h3{color:rgb(0, 0, 0);
font-family: 'Raleway', sans-serif;
font-weight: 700;
font-size: 1rem; text-align:left; margin-top: 1%;}


/*Menu*/
nav{background: #ffffff; padding: 0.7rem;text-align: center;font-family: 'Raleway', sans-serif; font-weight: 400; width: 100%;font-size: 0.8rem;}
nav a{ display: inline-block; }
nav a{ color:black; text-decoration: none; padding: 0.7rem;}
nav a:hover{ font-weight: 900;}
.link-activo {font-family: 'Raleway', sans-serif; font-weight: 900;}

.inicio{display:flex; justify-content: space-around;}

.dg{display:flex; align-items: flex-end; box-sizing: border-box; margin-bottom: 2%;
    margin-top: -2%;
    margin-left: 3%;}



.facu{display:flex; justify-content: space-around;
    font-size: 0.8rem;
    font-family: 'Raleway', sans-serif; 
    font-weight: 400;
    text-align: center;
    color:#b3b3b3;
    margin-top: -9%;
    margin-bottom: 2%;
    line-height: 0.8rem;
    
    }


.ocampo{ text-decoration: none; 
font-family: 'Raleway', sans-serif; 
font-weight: 700; 
font-size:0.8rem; 
text-align:center;  
color:#b3b3b3;
margin-bottom: 3%;
}


h4{font-family: 'Raleway', sans-serif; 
    font-weight: 700; 
    font-size:0.8rem; 
    text-align:center; 
    color:#b3b3b3;
margin-bottom: 3%;}    


.nivel-1{
font-size: 0.8rem;font-family: 'Raleway', sans-serif; font-weight: 400;
background: #FAFAFA;
text-align: left;
Width: 33%;
padding: 3%;
line-height: 100%;
}
.nivel-2{
font-size: 0.8rem;font-family: 'Raleway', sans-serif; font-weight: 400;
background: #FAFAFA;
text-align: left;
font-size: 0.8rem;
Width: 33%;
padding: 3%;
line-height: 100%;
}
.nivel-3{
font-size: 0.8rem;font-family: 'Raleway', sans-serif; font-weight: 400;
background: #FAFAFA;
text-align: left;
font-size: 0.8rem;
Width: 33%;
padding: 3%;
line-height: 100%;

}

.gris {color: #999999;}
.grisclaro {color:#D6D6D6}


/*
selector{rem equivale a 16px, esa es la tipo mas chica}
*/


.ocamponegro a:hover{color: black;}


.Integrantes a :hover{ font-weight: 900;}
.Integrantes a:hover{background:#FAFAFA; font-weight: 900;}

.Integrantes{display:flex; justify-content: space-around; flex-direction: row;}

.Integrantes{
border: #F2F2F2 ;
text-align: center;
font-size: 0.8rem;
padding: 1%;
margin: 1%;
box-shadow: 1px 1px 10px rgb(128 128 128 / 30%);
margin-bottom: 15%;
Width: 70%;
align-items: center;

}

.app{
border: #F2F2F2 ;
text-align: center;
font-size: 0.8rem;
padding: 1%;
margin: 1%;
box-shadow: 1px 1px 10px rgb(128 128 128 / 30%);
margin-bottom: 15%;
Width: 30%;
align-items: center;
color:rgb(0, 0, 0); font-family: 'Raleway', sans-serif; font-weight: 700;  
}


h5{color:rgb(0, 0, 0); font-family: 'Raleway', sans-serif; font-weight: 700; font-size:0.8rem; margin-block-start: 1.63em;
    }


.alumne .negrita{ font-weight: 400; background: #FAFAFA; border-radius: 3px; padding: 9px}
.alumne{ font-size: 0.8rem;font-family: 'Raleway', sans-serif;
font-weight: 200;
text-decoration: none;
color: black;
padding: 0.5rem;
display:inline-block;
}

.imgfadu{width: 100%;}

footer p{color:#ffffff; font-weight: 400; font-size: 0.6rem; text-align: center; margin-top: -2%;margin-bottom: 2%;}



.noshow, .dgromi:hover .show{ display: none;}

.dgromi:hover .noshow{display: block;}

h6{color:rgb(0, 0, 0); font-family: 'Raleway', sans-serif; font-weight: 800; font-size: 1.5rem; text-align:left;margin-bottom: -10%; margin-left: 10%;     width: max-content;}