@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@700&display=swap');

/* Nombre */
header h1 {
    text-align: center;
    font-family: sans-serif;
    font-size:60px;
    font-family: 'Oswald', sans-serif;
    width:100%;    
}

/* Barra de vínculos */
.top_bar {
    background-color: darkred;
    overflow: hidden;
    font-family: 'Oswald', sans-serif;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    
}
.top_bar a {
    float: left;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
}
.top_bar a:hover {
    background-color: #ddd;
    color: black;
}

/* Foto de perfil */
header img {
    border-radius: 50%;
    border: 5px;
    border-style: solid;
    border-color:darkred;   
}

/* Links de integrantes del grupo */
.integrantes a{
    padding: 0px 10px;
    word-wrap: normal;
    display: inline-block;
}

/* Sección 1: Materias Aprobadas */
.materias_aprobadas {
   display: flex;
   justify-content: center;
}

.ano_1 {
    width:33%;
    border: 5px;
    border-style: solid;
    border-color: darkred;
    border-radius: 10%;
    background: #a32929;
}
.ano_2 {
    width:33%;
    border: 5px;
    border-style: solid;
    border-color: darkred;
    border-radius: 10%;
    background: #a32929;
}
.ano_3 {
    width:33%;
    border: 5px;
    border-style: solid;
    border-color: darkred;
    border-radius: 10%;
    background: #a32929;
}

/* Sección 2: Materias en curso */
.ano_4 {
    display: inline-block;
    border: 5px;
    border-style: solid;
    border-color: darkred;
    border-radius: 10%;
    background: #a32929;
}

/* Fuente para el body, imagen de fondo */
body {
    background: #a02929;
    text-align: center;
    font-family: sans-serif;
    background-image: url(../img/background.png);
    background-repeat:repeat;
    font-family: 'Oswald', sans-serif;

    }

/* Formato para los vínculos */
a{
    color:black;
    font-weight:bold; text-decoration:none;
    }
a:hover, a:focus {
    text-decoration:underline; 
    color: darkred;
    }

/* Pie de página */
footer{
    font-size:10px
    }