@import url('https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500&family=Playfair+Display&display=swap');


/* selector {propiedad:Valor;} */


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

/* ESTILOS GENERALES*/

body {background: #f8daf8;font-family:'Lora', serif; text-align: center;}
.contenedor{max-width: 85rem; margin: auto;}
.presentacion {position: relative; top: -50px; margin-left: 65px}
h3 {color: #8316b1;text-align: center; font-size: 2rem; font-family: 'Playfair Display', serif; }

/* MENU */
nav{ 
    margin: 0rem;
    padding: 1rem; 
    border: 1rem solid black; border-color: #802380;
}

header nav a {
    padding-right: 1rem;
    padding-left: 5rem;
    font-family:'Lora', serif; font-weight: 500;
    font-size: 1.5rem; text-align: center;}

.link-activo{text-decoration: none; color: black;}
.link-activo:hover {font-weight: bold;}


/*PRESENTACIÓN*/

h1 {padding: 0.5rem;
    margin-top: 50px;
    margin-bottom: 10px;
    margin-left: -450px;
    padding-top: 100px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-left: 8px;
        }

.instagram {text-decoration: none; font-size: 3rem; color: black; text-align: center;}
.instagram:hover{background: #a000a0;}

h2 {font-family: 'Lora', serif; font-weight: 500;
    font-size: 1rem;
    text-align: center;
    position: relative;
    right: 220px; 
    top: -4px
}

section h2 p{
   font-family: 'Lora', serif; font-weight: 500;
    font-size: 1rem;
    text-align: center;
    position: relative;
    top: 7px
}

.foto {
    width: 200px;
    position: relative; 
    bottom: 10rem; 
    right: -10rem; 
    border: 0.1rem solid #000000;
   }


/*INTEGRANTES*/


.integrantes{
    background: #dd98fa; 
    text-decoration: none; 
    text-align: center;
    margin: 2rem;
    position: relative;
    top: -10rem;
    padding: 0.2rem;
    min-height: 2rem;
    border: 0.2rem solid black;
    }

.alumne{
    text-decoration: none; 
    color: black; 
    font-size: 1.5rem; 
    padding: 0.2rem; 
    padding-right: 1 rem;
    padding-left: 3rem;
    display: inline-block; 
    margin: 0.1rem;
    line-height: 2rem;
}

.alumne:hover{font-weight: bold;}



/*MATERIAS*/

h4 {color: #8316b1;text-align: center; font-size: 2rem; font-family: 'Playfair Display', serif; margin-top: -5rem;margin-bottom: 2rem;}

.materias{
    display: flex; 
    flex-wrap: nowrap; 
    justify-content: space-around; 
    }

.columna-1{background: #dd98fa; width: 32%;text-align: center; line-height: 2rem; justify-content: center; padding: 1rem; border-style: double; min-height: 18rem;}
.columna-2{background: #dd98fa; width: 32%;text-align: center; line-height: 2rem; justify-content: center; padding: 1rem;border-style: double; min-height: 18rem;}
.columna-3{background: #dd98fa; width: 32%;text-align: center; line-height: 2.5rem; justify-content: center; padding: 1rem;border-style: double; min-height: 18rem;}

h5{color: #8316b1;text-align: center; font-size: 1.5rem; font-family: 'Playfair Display', serif; margin-top: -0.5rem; }
span {
	font-family: 'Lora', serif; font-weight: 500; 
	font-size: 0.7rem;
    font-style: italic;
	}

/*UBA-FADU*/

h6 {font-size: 0.9rem; font-family:'Playfair Display', serif; line-height: 3rem }

.datosfadu {font-size: 0.8rem; text-align: center; font-family:'Lora', serif; 
    padding: 1rem; 
    margin-top: 8%;
    min-height: 1rem;
}

.datosdgpc{font-size: 0.8rem; text-align: center; font-family:'Lora', serif; 
    padding: 1rem; 
    min-height: 1rem;
    margin-bottom: 5%}


/*LEGALES*/

.legal {background: #9b9b9b; width: auto; padding: 0.9rem; margin: 2rem 0rem 0.1rem 0rem; font-size: 0.7rem; text-align: center; font-style: italic; font-family:'Lora', serif; 
margin: 2%;
padding: 1%
min-height: 1rem

}