*{padding: 0;
margin: 0;
list-style: none;
}
*{ transition: 2s;}
header{
color:white;
background-color:#E8F6F3 ;
padding: 0px 0px;
margin: 0 0;
}
nav{
background-color: #6600FF ;
list-style: none;
margin: 0 0;
}
nav ul{
display: flex;justify-content: space-around;
font-family: "DM Sans"; font-family: sans-serif; font-weight: 500;
letter-spacing: 4px;
font-size: 15px;
list-style: none
}
nav ul li a{
text-decoration: none;
color: #F3E5F5 ;
padding: 15px 15px;
display: inline-block;
}
nav ul li a:hover{
color: #CC33FF
;
}
h1{
font-family: 'Raleway', sans-serif; font-weight: 700;
font-size: 70px;
letter-spacing: 2px;
display: flex;justify-content: center;
color:#6600FF ;
margin-bottom: 0
}
.vn{
font-family: "DM Sans"; font family: sans-serif;font-weight: 400;
font-size: 30px;
letter-spacing: 5px;
display: flex;justify-content: center;
color:#FF99FF ;
margin-top:0
}
.foto{
padding-bottom: 20px;
display: flex; justify-content: center;
}
.foto img{
width: 40%; height: 40%;
display: flex;justify-content: center;
border-radius: 10%
}
.subtitulo{
font-family: 'Raleway', sans-serif; font-weight: 700;font-weight: 500;
font-size: 25px;
letter-spacing: 4px;
display: flex;justify-content: center;
color:#6600FF ;
margin-top:20px;
padding: 20px ;
border-top: 2px solid #FF99FF ; border-bottom: 2px solid #FF99FF }
aside{
font-family: "DM Sans"; font family: sans-serif;font-weight: 500;
font-size: 16px;
color:#330066 ;
}
.materias
{
display: flex;justify-content: center
}
footer{
font-family: "DM Sans"; font family: sans-serif;font-weight: 500;
font-size: 12px;
padding: 20px ;
border-top: 2px solid #FF99FF ; border-bottom: 2px solid #FF99FF
}
.fondo{
color:#CC99FF
}
/*solo para cuando es una pantalLa chica*/ /*responsive*/
@media screen and (min-width: 50%){
nav{ background-color: #CC99FF;}