html, body{
    overflow-x: hidden;
    max-width: 100%;
    background-color: white;
}


.credits{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    height: 100vh;
    margin: 30px;
    text-align: center;
}

.credits a{
    margin: 5px;
    color: var(--accentColor);
}

.credits a:hover{
    color: var(--mainColor);
}

/*CONTENEDER DEL LA PATA*/
.franja{
    display: flex;
    justify-content: center;
    position: relative;
    margin-top: 150px;
}

.franja a{
    text-decoration: none;
    color: var(--accentColor);
    margin: 0 20px;
    font-family: var(--normalFont);
    font-weight: bold;
    font-size: var(--titleMediumSize);
    display: flex;
    text-align: center;
}

/*FONDO DE TEXTO FRANJA*/
.lineaDoble{
    background-color: var(--white);
}
/*BARRA DETRÁS DE LA PATA*/
.lineaDoble:after {
    border-bottom: 4px solid var(--accentColor);
    -webkit-box-shadow: 0 1px 0 0 var(--accentColor);
    -moz-box-shadow: 0 1px 0 0 var(--accentColor);
    box-shadow: 0 1px 0 0 var(--accentColor);
    content: "";
    margin: 0 auto; /* this centers the line to the full width specified */
    position: absolute;
    top: 48%; left: 0; right: 0;
    width: 90%;
    z-index: -1;
}