/* versión movil*/ 
@import url('https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible&family=Carrois+Gothic+SC&family=Mali:wght@300&family=Quicksand:wght@300&family=Urbanist&display=swap');

*{border: 0px;
margin: 0px;
 
}
body{
   background-color: #ffffff;
   font-family: 'Urbanist', sans-serif;
   font-weight: 400;
   text-align: center;
}
header{
background-color: #B19FBD;
margin: 0,5rem;
padding-top: 3rem;
padding-bottom: 4rem;
}

header nav a{
    display: inline-block; 
    font-family: 'Urbanist', sans-serif;
    font-weight:700;
    padding: 1rem; 
    background-color:#f1e5e5;
    font-family: 'Urbanist', sans-serif;
    margin: 0.5rem;
    border-radius: 1rem;
   
}
.agrupación{background-color: #bcc8ec;
    background-image: linear-gradient(0deg, #bcc8ec 0%, #E0C3FC 50%, #d6bde6 100%); 
    text-align: center;}

.materiasaprobadas{ background-color: #9190ce; margin: 0.8rem; padding: 1rem; border-radius: 1rem;}
.encurso{ background-color: #dfabbc; padding: 1rem; margin:0.8rem; 0.8rem; border-radius: 1rem}
.grupo{ background-color: #9190ce; padding: 2rem; margin: 0.8rem; border-radius: 1rem}
.team{background-color: #dfabbc; padding: 2rem; margin: 0.8rem; border-radius: 1rem}
.alumne2{border-radius: 50%; width: 60%; margin: 1rem;
}
.a2{ text-decoration: none; margin: 0.5rem;}
.alumne3 {border-radius: 50%; width: 60%; margin: 1rem;}
.a3 { text-decoration: none; margin: 0.5rem;}

footer{ background-color: #E0C3FC; color: black; padding: 1%;
}

    


h3{ color: white;
    font-family:'Urbanist', sans-serif;
    font-weight: 600;
}

h4{ font: bold 20px arial;
color: white
}

.vn21{font-family: 'Urbanist', sans-serif; 
text-decoration: none;
color: black;}

.plan{font-family: 'Urbanist', sans-serif; 
text-decoration: none;
color: black;}

.mapa{font-family: 'Urbanist', sans-serif; 
text-decoration: none;
color: black;}

.landing{font-family: 'Urbanist', sans-serif; 
text-decoration: none;
color: black;}

.app{font-family: 'Urbanist', sans-serif; 
    text-decoration: none;
    color: black;}

nav a:hover{ background:#c6b7cf;}

h1{
    margin: 2rem;
}
h2{
margin: 0.5rem;
}

.mifoto{
border-radius: 50%;
margin: 0.5rem;
}
.team h3{ 
    color: rgb(73, 53, 66);
}

.logos{
padding: 2rem;
}




/* versión grande*/ 

@media (min-width:576px){
  @import url('https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible&family=Carrois+Gothic+SC&family=Mali:wght@300&family=Quicksand:wght@300&family=Urbanist&display=swap');

*{border: 0px;
margin: 0px;
 
}
body{
   background-color: #e5e3e2;
   font-family: 'Urbanist', sans-serif;
   font-weight: 400;
   text-align: center;
}
header{
background-color: #B19FBD;
padding: 5rem;
height: 4vh;
}

.encabezado a{
    list-style: none;
    font-family: 'Urbanist', sans-serif;
    font-weight:700;
    padding: 1rem; 
    background-color:#e0e0e0;
    font-family: 'Urbanist', sans-serif;
    margin: 1rem;
    border-radius: 1rem;

}
.materias{ display: flex; justify-content: center;}
.materiasaprobadas{ background-color: #9190ce; height: 48vh; padding-left: 10rem; padding-right: 10rem;}
.encurso{ background-color: #dfabbc; height: 48vh; padding-left: 10rem; padding-right: 10rem;}
.grupo{ background-color: #9190ce; height: 42vh; margin: 1.3rem; }
.team{ display: flex; justify-content: center;
    padding: 2rem; margin: 1.3rem;}

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