@import url('https://fonts.googleapis.com/css2?family=Oswald&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300&family=Oswald&display=swap');
/* 
selector {propiedad: valor;} 
*/ 


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


body {background-color: #41a573; text-align: start; }
header { background-color: #9999cc; height: 4rem; 
         border-bottom: 0.0625rem solid #ffff00; padding: 1rem; }


h1 {color: #ffff00; font-family: 'Oswald', sans-serif;}

h2 {color:#ffff00; font-family: 'Oswald',sans-serif;}

h3  {color:#ffffff; font-family: 'Oswald',sans-serif 

}



/* 
menu navegable 1 : me muero haciendo esto sebi! 
*/ 

.navegacion { display: flex; flex-direction: row; width: 100vw;
    
}

nav ul{ display: flex; flex-direction: row; list-style-type: none;
    justify-content: center; padding: 1rem 5rem;
}

li a{ color: #ffffff; text-decoration: none; 
    font-family: 'Oswald',sans-serif; padding: 0.20rem; 
}

/* imagen 
*/ 
#contenedor{ justify-content: center;

}
.foto{ width: 15rem; height: 15rem; border-radius: 50%; margin: 10px 10px
    

}


/* titulo principal y parrafo 
*/

.uno{display: flex; width:100vw; justify-content: center; 
    margin: 0.3rem;
}


.dos{ display: flex;
    flex-direction: column;
    padding: 0.3rem 5rem;
    
}

.dos p{font-family: 'Lato', sans-serif; 
    font-weight: 100; font-size: 1rem;
    margin: 0.3rem;
}

.dos h1{font-size: 3rem; margin: 0.1rem;

}    

/*materias - Columnas unas al lado de otras 
*/ 

.sara { display: flex; justify-content:space-between;
}
.primero{ display: flex; 
    flex-direction: column; margin: 0%; 
    width: 33%; background-color: #045e40; 
    padding: 1.5rem 3rem;
    }

.primero p{font-family: 'Lato'; color: #ffffff; 
    margin: 0.3rem;
     
 }





/* 
navegable - companeros + foto de cada uno
*/

.compas a {font-family: 'Lato', sans-serif; font-weight: 100; 
text-decoration: none; color: rgb(255, 255, 255); 

}

.compas { display: flex; justify-content: center; padding: 3rem 5rem;

}


/* 
columna-2 
*/




.legales{ display: flex; justify-content: space-between; background-color: #ffffff
        ; 
}

.legales a{ text-decoration: none ; font-family: 'Oswald',sans-serif ;
    color: black; 
}


.legales p{
color: #000000; font-size: 0,6rem; 
font-family: 'lato', sans-serif;
}

.uba{display: flex; 
    flex-direction: column; 
    width: 33%; background-color: #ffffff;
    padding: 1.5rem 3rem

}



footer p{color:#ffffff; font-size: 0.6rem; font-family: 'Lato', sans-serif;
    text-align: center;
}