@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono&display=swap');
*{margin: 0; padding: 0; box-sizing: border-box; }

body{
    background-color: black;
    background-size: 90%;
    background-repeat: no-repeat;
    font-family: 'JetBrains Mono', monospace;}
h1{color:white; font-family: 'Press Start 2P', cursive;
margin-right: ;
}
h2{color:white}
main{color:white}
footer p{color:grey; font-size: 0.8rem; margin-top: 3%; background: #2e2e2e;}

.header{
    margin-right: 3%;
    margin-top: 2%;
}

.titulo1{
    margin-top: 13%;

}

.foto-nombre{
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-end;
	align-items: stretch;
	align-content: space-between;
    margin-right: 27%;
}

.titulo2{
    margin-top: 2%;
    font-size: 1rem;
}

.titulos{
    text-decoration: none;
    color: black;
    background: white;
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: stretch;
	align-content: space-between;
    margin-left: 43%;
    margin-right: 5%;
    font-size: 1.5rem;
}

h4{
    margin-left: 0%;
    margin-top: 3%;
}

.nivel1{
    margin-top: 3%;
}

.materias{
    margin-left: 06%;
    font-size: 0.95rem;
    margin-top: 0.8%;
}

h3{
    font-size: 1.5rem;
}

.companeras{
    background: #2e2e2e;
    padding-top: 5%;
    padding-bottom: 5%;
    padding-left: 7%;
    padding-right: 5%;
    min-width: 16rem;
}

.miscompaneras{
    text-decoration: underline;
}

.companeras-nombre{
    text-decoration: none;
    color: white;
}

.columnas{
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
}

.columna1{
    margin-left: 43%;
    margin-top: 2%;
    background: #7b7c73;
    padding: 1.8%;
}

.columna2{
    margin-right: 4.88%;
    margin-top: 2%;
}