@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,700;1,400&display=swap');

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

body{background:#35919d;font-family: 'Barlow', sans-serif;}
header{background:rgb(93, 199, 164);text-align: center;}
h1{color: #35919d; text-align: center; padding: 1rem;}
h2{color:wheat; padding: 0.5rem;font-weight: 400;font-size: 1.3rem;}
h3{padding: 1rem;text-align: left;color: rgb(30, 56, 139);}
.centrado {margin: auto; display:block;border-radius: 50%; width: 50%; padding: 1rem;}
ul li {margin-left: 2rem;}

section article{display: flex; justify-content: center;margin-bottom: 2rem;}
.integrantes{display: flex; justify-content: space-around;background-color: rgb(255, 172, 158)}
.integrantes a {background-color: tomato; text-align: center; text-decoration: none; color: rgb(255, 255, 255); padding: 1rem;}
.link {background-color: tomato;text-decoration: none; color: rgb(255, 255, 255);padding: 0.5rem;}
footer{ text-align: center;padding: 2rem;}
.logo-catedra{width: 50%;}
.alumnxs{background:rgb(30, 56, 139);text-align: center;font-weight: 400; color: rgb(255, 255, 255);font-size:large; padding: 1rem; }
.fecha { font-weight: 700;}
nav {display: flex; justify-content:center; background-color: rgb(255, 172, 158);}
nav a {background-color: tomato; text-align: center; text-decoration: none; color: rgb(255, 255, 255); padding: 1rem;}

@media (min-width:576px) {

body{background: #2ab39c;}
.centrado {margin: auto; display:block;border-radius: 50%; width: 15%; padding: 1rem;}
header{background:rgb(30, 56, 139);text-align: center;}
h1{color: rgb(255, 255, 255); text-align: center;}
h2{color:rgb(255, 255, 255);}



.logo-catedra{width: 50%;}

}