/* 

selector {propiedad:valor;} 

*/

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

*{margin: 0; padding: 0;}
body{ background-color: #000000; font-family: "Raleway", sans-serif;}
header{ color: antiquewhite; padding: 0rem; }

/*

estilos generales

*/

.menu-gral ul li {

margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
padding-inline-start: 40px;
display: inline-block;
list-style: none;

}

.menu-gral ul li a {
color: #ffffff;
text-decoration: none;   
padding: 10px;
font-weight: 200;
font-size: 0,1rem;

}

hr {

border: 0.2px solid #4cf37e;

}

.presentacionpropia {

display: flex;
justify-content: center;

}


img {

border-radius: 10%;
margin-left: 20%;
margin-top: 2%; 
margin-bottom: 2%;
width: 300px;
border: 1px solid white;
padding: 07px;

}

.integrantes2 {

background-color: #4cf37e;
margin-left: 0%;
margin-right: 0%;
display: flex;
justify-content: center;

} 

.integrantes2  {

padding-top: 2%;
padding-bottom: 2%;

}

.Integrantes2 ul {

display: flex; 
padding-left: 70%;

}

.integrantes2 ul li {

display: inline-block;
margin: 0.625rem 0.938rem;
font-size: 1rem;


}

.integrantes2 ul li a {

list-style: none; 
text-decoration: none;
color: #000000; 


}

.materias {

gap: 3rem;
display: flex;
justify-content: center;
flex-direction: row;
flex-wrap: wrap;
font-size: 1rem;

}

.materias {

padding-top: 5%;
padding-bottom: 5%;
box-shadow: 0.1px 0.1px 10px rgba(76, 243, 126, 0.5);
transform: scale(1.01);
background-color: #000000;
font-style: normal;

}

.datosacademicos1 ul {

font-weight: 200px;
color: #ffffff;
}

.datosacademicos2 ul {

font-weight: 200px;
color: #ffffff;
}

.datosacademicos3 ul {

font-weight: 200px;
color: #ffffff;
}

.datosacademicos1 li {

list-style: none;

}

.datosacademicos2 li {

list-style: none;

}

.datosacademicos3 li {

list-style: none;

}

.datosacademicos1 {

border-radius: 15px;
padding: 2%;
box-shadow: -10px -0.1px 20px rgba(76, 243, 126, 0.3);

}

.datosacademicos2 {

border-radius: 15px;
padding: 2%;
box-shadow: -10px -0.1px 20px rgba(76, 243, 126, 0.3);

}

.datosacademicos3 {

border-radius: 15px;
padding: 2%;
box-shadow: -10px -0.1px 20px rgba(76, 243, 126, 0.3);

}


.presentacionpropia h1 {


color: #ffffff;
margin-right: 500px;
margin-top: 100px;
font-weight: 100;
text-align: center;
padding-left: 3%;
font-size: 1rem;


}

.presentacionpropia h1 span{

font-weight: 100;
color:#4cf37e; 
font-size: 3rem;
font-style: italic;
font-style: italic;

}

h2 {

color:#000000; 
font-size: 0,5rem;
margin-left: 3%; 
font-weight: 300px;
font-style: oblique;
padding-left: -30%;

}

h3 {

color: #4cf37e;
font-size: 1rem ;
padding-top: 2%;
padding-bottom: 2%;
margin-left: 7%;
font-style: italic;

}

h4 {

color: #4cf37e;
font-size: 1rem ;
font-weight: 100px;
padding-bottom: 10%;

}

nav {

background-color: rgb(0, 0, 0);
text-align: center;

}

.datosfadu {

display: flex;
color: #ffffff;
justify-content: center;
padding-top: 5%;
padding-bottom: 5%;
gap: 3rem;
list-style: none; 
font-size: 0,2rem;

}

.datosfadu li span {

color: #4cf37e;
font-weight: 200px;

}

.columna1 li {

list-style: none; 

}

.columna2 li {

list-style: none; 

}

hr {

border: 0.1px solid #4cf37e;

}


p {

color: #e4f3ff;
font-size: 0,2rem;

}

p {
text-align: center;
padding-top: 2%;
padding-bottom: 2%;

}

footer p {

color:#000000; 
text-align: center;
font-size: 0,2rem;
background-color: #4cf37e;
padding-top: 2%;
padding-bottom: 2%;
margin-bottom: 0%;
margin-left: 0%;

}
