@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@600&display=swap');
*{margin: 0%; text-decoration:none padding: 0;}

body {
	background: #e8e8e8; 
	font-family: 'JetBrains Mono', monospace; 
	text-align: center
}

header {
	background: #3bcac5; 
	padding-bottom:0%; 
	margin-bottom:0%
}
header h1{
	padding-bottom: 2%; 
	text-align:center;
}
.navegador{
	margin-left: 5%; 
	margin-right: 5%;
}
header nav {
	background: pink;
	padding-top:1%;
	padding-bottom:1%;
}

header nav a {
	font-size: 1.5rem; 
	text-decoration:none;
	color: #030303; 
	margin: %5;
}
h1 {
	color: pink;
	font-family:,
	font-family: 'JetBrains Mono', monospace; 
	font-size: 6rem;
}
h2 {
	color: #030303;
	font-family: font-family: 'JetBrains Mono', monospace, 
	sans-serif;margin: 4%
}

h4 {
	color: #fff; 
	font-family: font-family: 'JetBrains Mono', monospace; 
	padding-bottom: 2%;
}


footer {background: #3bcac5; text-align: center; bottom: 0;}
footer p {color:#000; font-size: 0.8rem; max-width: 60%; margin: auto; padding-top:1%;padding-bottom:1% }

.contenedor{
	display: flex;
	margin-bottom: 2%;
	margin-top: 2%;
	overflow: auto;
}


.fotoinfo{
	
	background: pink;
    width: 50%;
    margin: 0.5%;
    padding: 2%;
    border-top-left-radius: 5rem;
    border-bottom-right-radius: 5rem;
}


.fotoinfo img {
	height: 100px;
    width: 100px;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%;
    background-size: 100% auto;
}
.materias{
	
	background: pink;
    width: 50%;
    margin: 0.5%;
    padding: 2%;
    border-top-left-radius: 5rem;
    border-bottom-right-radius: 5rem;
}

}
.materias p{
	text-align: center;
}
.materias h2{

	color: #030303;
	font-family: font-family: 'JetBrains Mono', monospace, bold;


}

.sobremi{
	
	background: pink;
    width: 50%;
    margin: 0.5%;
    padding: 2%;
    border-top-left-radius: 5rem;
    border-bottom-right-radius: 5rem;
}