*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

/*colores fondo y bordes*/

:root{
    --color-fondo:#eeff00;
    --color-contenedor:#000000;
    --color-card:#000000;
    --color-texto:var(--borde-aprobadas);
;

    --borde-contenedor:#eeff00;
    --borde-perfil:#e5ff00;
    --borde-aprobadas:#df005d;
    --borde-cursando:#df005d;
}

/* main */

body{
    background-color:var(--color-fondo);
    color:var(--color-texto);
    font-family:Arial, Helvetica, sans-serif;
}

a{
    color:var(--color-texto);
    text-decoration:none;
}

img{
    max-width:100%;
    display:block;
}

/*header*/

header{
    width:100%;
    max-width:60rem;
    margin:1rem auto;
}

nav{
    background-color: #eeff00;
    border:6px solid var(--borde-contenedor);
    border-radius:1rem;
    padding:1rem 1.5rem;

    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:2rem;
    flex-wrap:wrap;
}

nav img{
    height:4rem;
    width:auto;
}

nav ul{
    display:flex;
    list-style:none;
    gap:1rem;
    flex-wrap:wrap;
}

/*los contenedores*/

.contenedor{
    width:100%;
    max-width:60rem;
    margin:0 auto;
    background-color:var(--color-contenedor);
    padding:2rem;
    border-radius:1rem;
    border:6px solid var(--borde-contenedor);
}

/*nuestro perfil*/

.perfil{
    text-align:center;
    margin-top:2rem;
}

.perfil h1{
    font-size:clamp(2rem, 5vw, 3rem);
    margin-bottom:1rem;
}

.foto-perfil{
    width:12rem;
    margin:0 auto;
    border-radius:0.75rem;
    border:2px solid var(--borde-perfil);
}

.descripcion{
    max-width:35rem;
    margin:1rem auto 0 auto;
    line-height:1.5;
}

/*cards de nuestras materias*/

.materias{
    display:flex;
    gap:2rem;
    justify-content:center;
    margin-top:2rem;
    flex-wrap:wrap;
}

.card{
    flex:1 1 18rem;
    max-width:22rem;

    background-color:var(--color-card);

    padding:1.5rem;
    border-radius:0.75rem;
}

.card:first-child{
    border:2px solid var(--borde-aprobadas);
}

.card:last-child{
    border:2px solid var(--borde-cursando);
}

.card h2{
    margin-bottom:1rem;
    font-size:1.3rem;
}

.card ul{
    margin-top:1rem;
    margin-left:1.5rem;
    text-align:left;
}

.card li{
    margin-bottom:0.75rem;
}

/*footer*/

footer{
    width:100%;
    margin-top:2rem;
    padding:1.5rem 2rem;
    background-color:#eeff00;
    color:#333333;
    text-align:center;
    font-size:0.9rem;
    line-height:1.5;
}

footer p{
    max-width:70rem;
    margin:0 auto;
}
/* nuestros datos academicos */

.datos-academicos{
    width:100%;
    max-width:60rem;
    margin:2rem auto;
}

.datos-academicos h2{
    margin-bottom:1.5rem;
    font-size:2rem;
}

.academico-box{
    background-color:var(--color-contenedor);
    border:2px solid var(--borde-contenedor);
    border-radius:0.75rem;
    padding:1.5rem;
    margin-bottom:1.5rem;
}

.academico-box h3{
    margin-bottom:1rem;
}

.academico-box p{
    margin-bottom:1rem;
}

.academico-box ul{
    margin-left:1.5rem;
}

.academico-box li{
    margin-bottom:0.5rem;
   
}.equipo{
    display:flex;
    justify-content:center;
gap: 60px;
margin-top: 2rem;
color:#000000;
flex-wrap: wrap;
}.titulo-equipo{
text-align:center;
color:#000000;
margin-top: 2rem;
margin boton: 1rem;
}