/* IMPORT DES POLICES */
@font-face {
    font-family: "Grotesk";
    src: url("../../media/font/Grotesk-01Extrafin.woff2") format("woff2");
    font-weight: 200;
    /* Extra-Light */
    font-style: normal;
}

@font-face {
    font-family: "Grotesk";
    src: url("../../media/font/Grotesk-02Mince.woff2") format("woff2");
    font-weight: 300;
    /* Light */
    font-style: normal;
}

@font-face {
    font-family: "Grotesk";
    src: url("../../media/font/Grotesk-03Regular.woff2") format("woff2");
    font-weight: 400;
    /* Regular */
    font-style: normal;
}

@font-face {
    font-family: "Grotesk";
    src: url("../../media/font/Grotesk-04Gras.woff2") format("woff2");
    font-weight: 500;
    /* Bold */
    font-style: normal;
}

@font-face {
    font-family: "Calculator";
    src: url("../../media/font/LEDCalculator.ttf") format("truetype");
    font-weight: 500;
    /* Bold */
    font-style: normal;
}

@keyframes shine {
    from {
        -webkit-mask-position: 150%;
    }

    to {
        -webkit-mask-position: -50%;
    }
}

:root {
    --color-main-black: #120801;
    --color-main-black-60: #1208019c;
    --color-main-black-40: #12080165;
    --color-main-blue: #183a37;
    --color-main-cyan: #527673;
    --color-main-orange: #fdad86;
    --color-main-white: #fdf7f0;
}

a {
    font-style: normal;
    text-decoration: none;
}

.calculator__backToHub {
    text-align: center;
    transition: all 0.2s ease;
}

.calculator__backToHub:hover {
    -webkit-mask-image: linear-gradient(
        -75deg,
        var(--color-main-black) 20%,
        var(--color-main-black-60) 50%,
        var(--color-main-black) 80%
    );
    -webkit-mask-size: 200%;
    animation: shine 1.5s infinite;
}

.calculator__backToHub > * {
    font-family: Grotesk;
    font-weight: 400;
    font-size: 4rem;
    color: var(--color-main-white);
}