/*** GLOBAL ***/
:root {
    font-family: Geneva_9, cursive;
}

.title {
    font-family: Cantarell
}

.paragraph {
    font-family: Geneva
}


#main-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    width: 80%;
    margin: 2vh auto;
    min-height: 90vh;
}

/*** HEADER ***/
#shortcuts-container {
    margin: 0 auto 0 0 !important;
    font-size: 25px;
}

#heading {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    margin: 2rem auto 3rem auto;
}

#heading h2 {
    font-size: 3rem;
    margin-bottom: 6px;
}

#heading h3 {
    font-size: 3.5rem;
    margin: 0 auto 6px auto;
}

/*** MAIN CONTENT ***/
#content {
    margin: 10px auto auto auto;
}

#introduction {
    display: flex;
    flex-direction: row;
}

#introduction .window {
    min-height: 315px !important;
}

#introduction .window p {
    padding: 5px 15px;
    width: 560px;
}

#creditos {
    margin: auto auto 5px 5px;
    font-size: 2rem;
}

/*** FOOTER ***/
#footer {
    width: 80%;
    margin: 0 auto auto auto;
}

#footer p {
    margin: 0 auto 10px auto;
    font-size: 2rem;
}