/* Rótulo personal */

@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap');

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

.fotocatedra{width: 60%; padding: 1rem;}
.uba200{width: 20%; padding: 1rem;}

body{background: white; font-family: 'Ubuntu', sans-serif; text-align: left;}


header{background: rgb(88, 88, 88); font-family: 'Ubuntu', sans-serif; text-align: center;}
nav{ display: inline-block; text-align: left; font-size: 1rem;}
nav a{ color: rgb(247, 252, 132); text-decoration: none; padding: 1rem;}
.link-activo{ color: #f8f8f8;}

h1{color: white; font-family: 'Ubuntu', sans-serif; text-align: left; display: inline-block; padding: 1rem;}

.mifoto{border-radius: 50%;}

h2{color: black; 'Ubuntu', sans-serif; font-weight: 700;}

header{background: rgb(88, 88, 88); font-family: 'Ubuntu', sans-serif; text-align: center;}

.infopersonal{background: rgb(158, 253, 217); font-family: 'Ubuntu', sans-serif; text-align: center;}


/* Compañeras de grupo */
h3{color: black; font-family: 'Ubuntu', sans-serif; font-weight: 700; text-align: center;}

.compas{background: rgb(221, 255, 242); text-align: center}
.grupo{background: rgb(88, 88, 88); text-decoration: none; font-family: 'Ubuntu', sans-serif; font-size: 400; color: rgb(247, 252, 132); text-align: center; padding: 0.5rem;}

/* Materias cursadas */
.materias{display: flex; flex-direction: column; justify-content: space-between; align-items: center; text-align: left; align-content: space-between; padding: 2rem; font-weight: 400;}

/* Datos académicos */
h4{color: black;}

.datos{background: rgb(201, 201, 201); 'Ubuntu', sans-serif; font-weight: 400; padding-left: 1rem;}

/* Footer */

.columna-3{padding-left: 1rem;}
footer p{ color: black; font-family: 'Ubuntu', sans-serif; font-weight: 300; font-size: 0.7rem; padding: 1rem;}

/* versión grande */
@media (min-width: 576px){
    header{text-align: left;}
    nav{ text-align: left;}
    .fotocatedra{width: 21%; padding: 1rem;}
    .uba200{width: 7%; padding: 1rem;}    
    .mifoto{ border-radius: 50%; border-color: rgb(247, 252, 132);}

    .materias{display: flex; flex-direction: row; justify-content: space-around; align-items: center; align-content: flex-start;}
    
    /*  flexbox.help */
}