@import url('https://fonts.googleapis.com/css2?family=Alfa+Slab+One&family=Open+Sans:ital,wght@0,400;0,600;0,800;1,400;1,700&display=swap');

/*cuerpo y header*/

*{padding: 0;margin: 0;box-sizing: border-box;transition: 1.3s;}
body{background:#FEFAF1; font-family: 'Open Sans', sans-serif; text-align: center; }
header{background:#FEFAF1;padding: 0.5rem;}
header h1{font-family: 'Alfa Slab One', cursive;font-size: 4rem; padding: 1rem; color:#202855}
header nav {background:·#FEFAF1;padding: 0.5em;color:whitesmoke;}
.inicio-1{font-weight:bolder;background-color: #FF6151;border-radius: 6px; padding: 0.5rem;color: whitesmoke;font-family:'Open Sans', sans-serif;font-weight: 400 ;text-decoration: none;}
.mapa-1{font-weight:bolder;background-color: #FF6151;border-radius: 6px; padding: 0.5rem;color: whitesmoke;font-family:'Open Sans', sans-serif;text-decoration: none;font-weight: 400;}
.plan-1{font-weight:bolder;background-color: #FF6151;border-radius: 6px;padding: 0.5rem;color: whitesmoke;font-family:'Open Sans', sans-serif;text-decoration: none;font-weight: 400;}
.app-1{font-weight:bolder;background-color: #FF6151;border-radius: 6px; padding: 0.5rem;color: whitesmoke;font-family:'Open Sans', sans-serif;text-decoration: none;font-weight: 400;}
.landing-1 {font-weight:bolder;background-color: #FF6151;border-radius: 6px; padding: 0.5rem;color: whitesmoke;font-family:'Open Sans', sans-serif;text-decoration: none;font-weight: 400;}
.inicio-1:hover {background-color: #F79E1B;}
.mapa-1:hover{background-color: #F79E1B;}
.plan-1:hover{background-color: #F79E1B;}
.app-1:hover{background-color: #F79E1B;}
.landing-1:hover{background-color: #F79E1B;}
/*integrantes*/
h2{background-color: #FEFAF1; display: inline-block;padding: 0.8rem;margin: 1rem;font-size: 1.5rem;font-weight: 400;border-style:none;}
.alumnos-1 {background-color: #FEFAF1;padding: 2rem; color:#202855;text-decoration: none;font-size: 1.2rem;font-weight: 600;margin: 0.5rem;display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: top;
	align-content: top;}
.fotolucas{border-radius: 20%;border-style: solid;border-color: #FF6651;width: 70%;}
.fotopaula{border-radius: 20%;border-style: solid;border-color: #FF6651;width: 70%;}
.fotobianca{border-radius: 20%;border-style: solid;border-color: #FF6651;width: 70%;}
.fotomartin{border-radius: 20%;border-style: solid;border-color: #FF6651;width: 70%;}
.lucas-1{text-decoration: none;color: black;font-size: 1rem;font-weight: 800;}
.paula-1{text-decoration: none;color: black;font-size: 1rem;font-weight: 800;}
.bianca-1{text-decoration: none;color: black;font-size: 1rem;font-weight: 800;}
.martin-1{text-decoration: none;color: black;font-size: 1rem;font-weight: 800;}
.lucas-1:hover {color:#FF6651;}
.paula-1:hover {color:#FF6651;}
.martin-1:hover {color:#FF6651;}
.bianca-1:hover {color:#FF6651;}



.descripccion-1 img {width: 70%;}
.uba img {width: 70%;}



.descripccion-1{;color:#202855 ;padding: 1.5rem;display: inline-block;}
footer a{background-color: #F79E1B;padding: 0.3rem;color:#202855;text-decoration: none;}
footer{background: #FF6651;font-size: 0.6rem;margin: 0.1rem;padding: 0.1rem;display: inline-block;display: block; width: 100%; bottom: 0rem; left: 0rem;}




/*Version escritorio*/

@media (min-width:576px) {
.fotolucas{border-radius: 20%;border-style: solid;border-color: #F79E1B;width: 70%;}
.fotopaula{border-radius: 20%;border-style: solid;border-color: #F79E1B;width: 70%;}
.fotobianca{border-radius: 20%;border-style: solid;border-color: #F79E1B;width: 70%;}
.fotomartin{border-radius: 20%;border-style: solid;border-color: #F79E1B;width: 70%;}
.lucas-1:hover {color:#F79E1B;}
.paula-1:hover {color:#F79E1B;}
.martin-1:hover {color:#F79E1B;}
.bianca-1:hover {color:#F79E1B;}
footer {background-color: #F79E1B ;padding: 0.3rem;color:#202855;text-decoration: none;}
.descripccion-1 img {width: 70%;}
footer a{background-color: #FF6651;}
.uba img {width: 40%;}

}