@font-face {
    font-family: century-gothic;
    src: url(../ressources/GOTHIC.TTF);
}

:root {
    --bleuSombre: #011627;
    --fontColor: rgb(198, 198, 198);
    --or: #ada685;
    --arrowThree: #848277;
    --arrowTwo: #ada685;
    --arrowOne: #FFF2BF;
    --font: century-gothic;
}

#boutonretour {
    border: 2px solid var(--or);
    font-family: var(--font);
    color: var(--fontColor);
    font-size: 1em;
    border-radius: .3em;
    height: 8vh;
    width: 10vw;
    cursor: pointer;
    position: fixed;
    bottom: 3vh;
    right: 1.5vw;
    background-color: var(--bleuSombre);
    z-index: 99;
}

#boutonretour:hover {
    background-color: var(--arrowThree);
    font-weight: bolder;
    z-index: 99;
}

/* début mobile */
@media screen and (max-width: 765px) {
    
    #boutonretour {
        font-size: .8em;
        width: 35vw;
    }
}