@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600&display=swap'); 

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

/* 
esa primer linea en TODOS los css

selector {propiedad:valor;} 
controlE para el pantone de colores

background = color de fondo
color = color de la tipografia
1rem = 16 pixels
*/

body{background: lavenderblush; font-family: Arial; text-align: center; }
header{color:floralwhite; background: lavenderblush; padding: 0,5rem; }
section{ background: lavenderblush; }
h1 {color: lavenderblush; background-color: mediumpurple; padding: 1rem; font-family: 'Roboto', sans-serif; font-weight: 600; font-size: 2.5rem}
h2 {color: deeppink; font-family: 'Montserrat', sans-serif;}
h3{ color: deeppink; font-family: 'Montserrat', sans-serif;}
h4{ color: deeppink; font-family: 'Montserrat', sans-serif;}
p {color: black; margin: 0.5rem; padding: 0.2rem; }
p2 {color: black;}
p3 {color: black}
p4 {color: black;}
p6 {color: lavenderblush; background: mediumpurple;margin: 1%;
    padding: 1rem 6.5rem 1rem 6.5rem; min-height: 8rem; border-top: 1rem deeppink; }
footer a{color: black; font-size: 1rem; }

.link{ margin: 0.5rem 1rem 0rem 1rem; padding: 0.2rem;}
.columna-3{padding: 0.5rem 0rem 2rem 0rem; font-size: 0.8rem; }


.vn16{background: mediumpurple; color: floralwhite; }

.nivel1{font-family: 'Montserrat', sans-serif; font-weight: 600; text-decoration: none; color: deeppink; font-size:1rem; padding: 0.3rem; display: inline-block; margin: 0.3rem; }

.nivel2{font-family: 'Montserrat', sans-serif; font-weight: 600; text-decoration: none; color: deeppink; font-size:1rem; padding: 0.3rem; display: inline-block; margin: 0.3rem; }

.nivel3{font-family: 'Montserrat', sans-serif; font-weight: 600; text-decoration: none; color: deeppink; font-size:1rem; padding: 0.3rem; display: inline-block; margin: 0.3rem; }

nav{ background: mediumpurple; padding: 1rem}
nav ul li{ display: inline-block; }
nav ul li a{ color: lavenderblush; text-decoration: none; padding: 1rem; }
.link-activo{background: rebeccapurple;} 

.inicio{display: flex; justify-content: space-between;}

.columna-1{background: lightpink; padding: 1rem; margin: 0.5rem 0.5rem 0.5rem .5rem; width: 30%; }
.columna-2{background: white; margin: 1rem 1rem 1rem 1rem; width:30%; padding: 3%;}
.article-22{background: white; margin: 1rem 1rem 1rem 1rem; width:30%; padding: 3%;}
.article-222{background: white; margin: 1rem 1rem 1rem 1rem; width:30%; padding: 3%;}



.integrantes {
    background: white;
    margin: 1rem 1rem 1rem 1rem;
    padding: 1%;
    min-height: 8rem;
    border-top: 2rem deeppink; }

.achicarlo{ text-align: center; background: white; margin: 1%; }

/* font-weight cuando tengo bold, italica, regular, aclaro que variable uso */ 

.alumna{font-family: 'Montserrat', sans-serif; font-weight: 100; text-decoration: none; color: black; font-size:1rem; padding: 0.3rem; display: inline-block; margin: 0.3rem; }

.alumna:hover{background: deeppink;}

.alumna .negrita {font-weight: 600}

.alumna2{font-family: 'Montserrat', sans-serif; font-weight: 100; text-decoration: none; color: black; font-size:1rem; padding: 0.3rem; display: inline-block; margin: 0.3rem;}

.alumna2:hover{background: deeppink;}

.alumna2 .negrita-2 {font-weight: 600;}

.alumna3{font-family: 'Montserrat', sans-serif; font-weight: 100; text-decoration: none; color: black; font-size:1rem; padding: 0.3rem; display:inline-block; margin: 0.3rem;}

.alumna3:hover{background: deeppink;}

.alumna3 .negrita-3{font-weight: 600;}

.alumna4{font-family: 'Montserrat', sans-serif; font-weight: 100; text-decoration: none; color: black; font-size:1rem; padding: 0.3rem; display: inline-block; margin: 0.3rem;}

.alumna4:hover{background: deeppink;}
 
.alumna4 .negrita-4{font-weight: 600;}

.contenedor{max-width: 75rem; margin: auto; }

img{ margin: 1rem 0.5rem 0rem 0.5rem; }