:root {
    --bigeye-bg-color: #131313;
    --bigeye-color: #FFDD1A;
    --treshold-phone: 960px;


    --bg-color: #D1D1D1;
    --accent-color: #919191;
    --backMonth-color: #848484;
    --frontMonth-color: #000000;
    --popup-bg-color: #2F2F2F;
    --popup-text-color: #d4d4d4;
    --popup-accent-color: var(--accent-color);
    --popup-accent-color: red;
    --text-white: #FFFFFF;
    --text-black: #000000;
    --text-color: #000000;

    --backMonth-weight: 1000;
    --backMonth-width: 100;
    --backMonth-slant: 0;

    --film-title-weight: 950;
    --film-title-width: 100;
    --film-title-slant: 0;

    --border-radius: 5px;
    --text-stmt-lineHeight: 115%;


    --film-format-phone: 16/9;
    --film-format-tmeplate-1-2: 16/9;
    --film-format-template-3-4: 2.39/1;

    /* ------- Phone Size ---------*/
    --backMonth-fontSize: 93px;
    --frontMonth-fontSize: 68px;
    --text-info-fontSize: 12px;
    --text-stmt-fontSize: 40px;
    --film-title-fontSize: 30px;
    --text-description-fontSize: 35px;
    --credit-title-fontSize: 30px;
    --credit-text-fontSize: 32px;
    --header-middle-text-fontSize: 30px;
}

@media only screen and (min-width: 960px) {
    :root {
        /* FontSize PC*/
        --backMonth-fontSize: 130px;
        --frontMonth-fontSize: 100px;
        --text-info-fontSize: 13px;
        --text-stmt-fontSize: 50px;
        --film-title-fontSize: 120px;
        --text-description-fontSize: 35px;
        --credit-title-fontSize: 30px;
        --credit-text-fontSize: 34px;
        --header-middle-text-fontSize: 55px;
    }
}

*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

* {
    margin: 0px;
    padding: 0px;
}

html {
    font-size: 100%;
    /* = 16px, base pour les rem */
}

body {
    overflow-x: hidden;
    opacity: 1;
}

body::-webkit-scrollbar {
    display: none;
}

img,
video {
    max-width: 100%;

}

.button-link {
    font-family: 'DmMono', 'mono-space';
    font-size: var(--text-info-fontSize);
    text-decoration: none;
    text-transform: uppercase;
    transition: font-size 0.2s;
}


.scroll {
    height: 90vh;
}

div[aria-hidden="true"] {
    margin: 0 !important;
    padding: 0 !important;
}