#footer {
    position: relative;
    display: block;
    width: 100%;
    height: 36vh;
    margin-bottom: 5vh;
    background-color: #121212;
}

#footer_main_container {
    position: relative;
    display: flex;
    padding: 3vh 0;
    margin: 2vh 0;
}

#footer_main_container .container {
    position: relative;
    display: flex;
    flex: 1 0 0;
    height: 100%;
}

#footer_main_container .separator {
    width: 0.5vw;
    background-color: lightgray;
}

#copyright {
    width: 100%;
    font-size: 1.7vh;
    text-align: center;
    color: lightgray;
}

#title_informations_footer {
    font-weight: bold;
}

#container_informations {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: lightgray;
    gap: 2vh;
    font-size: 1.5vh;
}

#container_informations a:hover {
    text-decoration: underline;
}

#social_medias {
    display: flex;
    justify-content: center;
    align-items: center;
    fill: white;
    gap: 4vw;
}

#social_medias svg {
    width: 3.5vh;
    fill: lightgray;
    cursor: pointer;
}

#social_medias svg:hover {
    max-width: 3.5vh;
    fill: white;
}

@media screen and (min-aspect-ratio: 8/9) {
    #footer_main_container .separator {
        width: .15vw;
    }

    #footer{
        margin-bottom: 0;
        height: 30vh;
    }

    #container_informations {
        gap: 1.5vh;
    }

    #footer_main_container {
        margin: 0;
    }

    #social_medias {
        gap: 2vw;
    }
}