/* Rótulo grupal */

/* selector{propiedad:valor;} */

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

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

.fotocatedra{width: 60%; padding: 1rem;}
.uba200{width: 20%; padding: 1rem;}
.mifoto{ width: 35%; border-radius: 50%; border-color: rgb(247, 252, 132);}
.textofoto{ font-size: 2rem}

/* Header */
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;}

body{background: white; text-align: left;}
.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;}

/* Estilos generales */

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

h3{color: black; font-family: 'Ubuntu', sans-serif;}

article a{text-decoration: none;}

.columna-1{background: rgb(158, 253, 217); font-family: 'Ubuntu', sans-serif; text-align: center; padding-left: 1rem;}
.columna-2{font-family: 'Ubuntu', sans-serif;  text-align: center; padding-left: 1rem;}
.catedra{padding-left: 1rem;}

footer p{ color: black; font-family: 'Ubuntu', sans-serif; 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{ width: 20%; border-radius: 50%; border-color: rgb(247, 252, 132);}
    .textofoto{ font-size: 1.5rem}
    
    section{display: flex;}
    section article{ width: 48%; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: stretch; text-align: left; align-content: stretch; padding: 2rem; font-weight: 400;}
   
    
}