* {margin: 0; padding: 0; box-sizing: border-box; font-family: 'Source Serif Pro', serif;}
body{background: rgb(200, 191, 201)}
header{background:#5b3c5d; }
img { }
header h1 {color: white}
header h2 {color: white}
a {text-decoration: none}
nav {}
h3 {text-align: center}
h4 {text-align: center}
footer {font-size: 11.4px; text-align: center; margin-top: 1%}

/*HEADER */


.title {text-align: center}

.barra {display: flex;
    flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around; font-size: 1.8rem; padding-bottom: 0.6%}
.nombregrupo{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: baseline;
	align-content: stretch;
}

.vn12 {color: rgba(255, 249, 254, 0.82); text-decoration-line: none; font-family: monospace; font-size: 4rem; margin-bottom: .5rem }
.plan {color: rgba(255, 249, 254, 0.82); text-decoration-line: none; font-family: monospace}
.mapa {color: rgba(255, 249, 254, 0.82); text-decoration-line: none; font-family: monospace}
.app  {color: rgba(255, 249, 254, 0.82); text-decoration-line: none; font-family: monospace}
.figma {color: rgba(255, 249, 254, 0.82); text-decoration-line: none; font-family: monospace}

.vn12:hover{background:rgb(210, 189, 212); color:#5b3c5d;}
.plan:hover{background:rgb(210, 189, 212); color:#5b3c5d}
.mapa:hover{background:rgb(210, 189, 212); color:#5b3c5d}
.app:hover{background:rgb(210, 189, 212); color:#5b3c5d}
.figma:hover{background:rgb(210, 189, 212); color:#5b3c5d; }


/* PRESENTACIÓN  */

.presentacion img {width: 15rem; height: 15rem; display: block; margin-left: auto; margin-right: auto; margin-top: 2.1rem; border-radius: 50%;}
.title{margin-top: 0.5rem}
.title h3 {margin-top: 0.1rem; margin-bottom: 2rem}

/* TÍTULOS */

.titulos{background: #f0efef; padding: 0.5%; color:  #5b3c5d; }

/* MATERIAS APROBADAS */

.nivel1 {background: #f0efef; width: 20%; margin: 6%; padding: 1.8%; border-radius: 1rem; border-color: #5b3c5d;
  border-width: 4px;
  border-style: solid;}
.nivel2 {background: #f0efef; width: 20%; margin: 6%; padding: 1.8%; border-radius: 1rem; border-color: #5b3c5d;
  border-width: 4px;
  border-style: solid;  }
.nivel3 {background: #f0efef; width: 20%; margin: 6%; padding: 1.8%; border-radius: 1rem;  border-color: #5b3c5d;
  border-width: 4px;
  border-style: solid;}

.niveles {display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: baseline;
	align-content: space-around;}
.niveles li{margin-left: 9.1%; margin-top: 0.1%}
.niveles h4 {margin-bottom: 3%}

/* VN12 */ 

.grupo {background: #5b3c5d; display: flex; flex-direction: row
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: stretch;
	align-content: space-between; padding: 1%}
.grupo a {color: white}
.eugenia a:hover{background:rgb(210, 189, 212); color:#5b3c5d}
.josefina a:hover{background:rgb(210, 189, 212); color:#5b3c5d}
.antonella a:hover{background:rgb(210, 189, 212); color:#5b3c5d}
.agustin a:hover{background:rgb(210, 189, 212); color:#5b3c5d}

.imgredonda{border-radius: 50%; width: 10rem; height: 10rem; margin-top: 5.1%}

/* FOOTER */

.ocampo {display: flex; justify-content: center; margin-top: .1%; color: background: rgb(155, 93, 159)}