/*

    selector{propiedad:valor;} 

*/

@import url('https://fonts.googleapis.com/css2?family=DM+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans&family=Roboto+Condensed:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@700&display=swap');


head {padding: 0%, margin 0%}
body{background: #1D3557; font-family: font-family: 'DM Sans', sans-serif;padding: 5%}

h1 {background:#1D3557; 
    font-family: 'DM Sans', sans-serif;
    font-weight: 700;
    padding-top: 0.5rem;
    font-size: 3.5rem;}

h2 {color: #40C9D1; font-family: 'DM Sans', sans-serif;}

H4 {color: #40C9D1;font-family: 'DM Sans', sans-serif; font-weight: 300;}

h1 {color: white;}

.menu {color:#40C9D1;
    padding: 1%; 
    width: 30%;
    font-family: 'DM Sans', sans-serif;
    font-size: 1rem;
    text-decoration: none;
    font-weight: 70; }



.menu:hover {color:white; 
            background:rgba(64, 201, 209, 0.22);
            padding: 1%; 
            width: 30%;}


.rotulogrupal{display:flex;font-family: 'DM Sans', sans-serif;}


h3 {color: #1D3557;font-family: 'DM Sans', sans-serif;
    font-weight: bold;}



footer{font-family: 'Roboto Condensed', sans-serif; color:white; font-size: 1rem; margin: 0 auto;
text-align: center;
color: white; padding: 3%;
font-family: 'Roboto Condensed', sans-serif;}


.materia{
    background: #40C9D1;
    width: 30%;
    padding: 4%; font-family: 'DM Sans', sans-serif;}


.datos{
    background: white;
    width: 30%;
    padding: 4%; font-family: 'DM Sans', sans-serif;}

.materias{
    background: white;
    width: 30%;
    padding: 4%; font-family: 'DM Sans', sans-serif;}

.alumno img{
	border-radius: 50%;
	width: 100px;
	max-width: 200px;}

.integrantes{color: #ffffff;font-family: 'DM Sans', sans-serif;
    font-weight: normal;text-decoration: none;}

.integrantes:hover{color: #1D3557}