/*
selector {propiedad:valor;}
*/

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




/* estilos body */ 

body{background: rgb(248, 248, 248); font-family: 'Comfortaa', serif; font-weight:400; font-size: 1rem; text-align: center;}

header{background:#D1EBEA;}

h1 {font-family:'Comfortaa', sans-serif; font-weight: 700 ;font-size: 3rem; color:#F16100;}

nav ul {padding: 0%; background-color: #D1EBEA;padding-block-end: 1rem; font-family: 'Comfortaa', serif; font-weight:400; font-size: 1rem; text-align: center; list-style: none;}
nav ul li {margin: 2%; padding: 2%;text-align: center; background:#45537F;}
nav ul li:hover {background: #76B3BC;}
nav ul li a{padding-right: 3rem; padding-left: 3rem; text-decoration: none; color: white;}



.activo {background:#F16100; color: white;}
.activo:hover {background-color:#76B3BC;}

.navegacion {color: white;}

.integrantes{background: #D1EBEA; color: #45537F; font-family:'Comfortaa', sans-serif; font-weight: 700; font-size: 1.5rem; padding-block-start: 0.7rem; padding-block-end: 0.7rem;}

.alumno {color: #45537F; padding: 0.5rem; display: inline-block; margin: 0.1rem; }
.alumno:hover {background:#76B3BC; color: white;}

.fondoapp {padding-block-end: 2rem ;}
.nombredeapp {background: #D1EBEA; color: #45537F; font-family:'Comfortaa', sans-serif; font-weight: 700; font-size: 1.5rem; padding-block-start: 0.7rem; padding-block-end: 0.7rem;}

section article p a {text-decoration: none;}

.app {color: #45537F ; text-align: center; font-size: 0.9rem; line-height: 1.2rem;  padding-top: 1rem;}

.alumno .negrita {font-family: 'Comfortaa', serif; font-weight:700;}
.presentacion {text-decoration: none; color: #F16100; font-family:'Comfortaa', serif; ;font-weight: 700;font-size: 1rem; }
.presentacion {padding-top: 2rem;}
.presentacion:hover {color: #45537F ;}

/* estilos header */ 
.encabezado {width: 100%  ;}



/* estilos footer */
footer {background-color: #76B3BC ; text-align: center; padding-top: 3rem;}
.UBA {color: white; font-family: 'Comfortaa', cursive; font-weight: 700; font-size: 0.7rem; padding-block-end: 1rem; }
footer p { font-family: 'Comfortaa', cursive; font-weight: 400; font-size: 0.5rem ;line-height: 1rem; color: white; padding-block-end: 0.6rem;}
.datos-academicos {font-family: 'Comfortaa', cursive; font-weight: 700; font-size: 0.6rem ;color: white;padding-top: 0.6rem; padding-inline-end: 1rem;}
.ocampo {margin-top: -2rem; padding-block-end: 2rem;}
.catedra {text-decoration: none; color: #D1EBEA;font-family: 'Comfortaa', cursive; font-weight: 700; font-size: 0.7rem;padding-top: 1rem; }
.piedepagina {background-color:#F16100; padding: 2rem; color: white; font-family:'Comfortaa', serif; ;font-weight: 400;font-size: 0.6rem;}
.compañerxs {text-decoration: none; font-size: 0.6rem ;color: white; }
.compañerxs:hover {background-color: #F16100 ;}

@media (min-width:576px) {

    header {margin: 0%;}
	h1 {padding-top: 1.5rem; }

    nav ul {padding-block-end: 1rem; font-family: 'Comfortaa', serif; font-weight:400; font-size: 1.2rem; text-align: center; list-style: none; margin: 0%;}
    nav ul li { list-style: none; display: inline-block; padding-block-end: 1rem; padding-block-start: 1rem; margin-left: 0.1rem; margin-right: 0.1rem;
        padding-right: 4rem; padding-left: 4rem;}
    nav ul li:hover {background: #76B3BC;}
   
   
    section {display: flex;justify-content: space-around;}
    section article  {width: 48%; padding-block-end: 3rem;}
    .fondointegrantes { padding-block-start: 3rem; padding-left: 2.3rem; padding-right: 1rem ;}
.fondoapp { padding-block-start: 3rem; padding-left: 1rem; padding-right: 2.3rem ;}

.app {line-height: 1.5rem;}

.integrantes{ font-size: 1.5rem; padding-block-start: 0.7rem; padding-block-end: 0.7rem; }


footer {padding-top: 3rem;}
.ocampo {padding-top: 2rem; padding-block-end: 2rem;}
.catedra {color: #3C5283; font-size: 1rem;}
.catedra :hover {color: #F16100; ;}


.UBA { font-size: 1rem; padding-block-end: 1.3rem; }
footer p {  font-size: 0.8rem ;line-height: 1.5rem; color: white; padding-block-end: 0.9rem;}
.datos-academicos {font-size: 0.9rem ;color: white;padding-top: 0.9rem; padding-inline-end: 1.3rem;}
.compañerxs {text-decoration: none; font-size: 0.8rem ;color: white; }
.compañerxs:hover {background-color: #F16100 ;}

.piedepagina{font-size: 0.7rem;}






}