/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

@font-face {
    font-family: 'Akzidenz-Grotesk BQ Extra';
    src: url('../fonts/Akzidenz-Grotesk\ BQ\ Extra\ Bold.ttf');
}


:root {
    --dark: #000000;
    --white: #ffffff;
    --main-color: #00FF70;

    --standart-box-shadow: 0 0 2px #fff, 0 0 10px #fff, 0 0 20px var(--main-color), 0 0 30px var(--main-color),
        0 0 40px var(--main-color), 0 0 50px var(--main-color);

    --text-shadow: 0px 0px 0px var(--main-color), 0 0 10px var(--main-color), 0 0 50px var(--main-color);
    --box-shadow: 0px 0px 0px var(--main-color), 0 0 10px var(--main-color), 0 0 50px var(--main-color);
    --main-gradient: linear-gradient(to top, #00421d, #00421db1, #00421d7f, #00421d33, #00421d00);


    --input-line-bg: #2B2B2B;
    --logo-bg: #2A2A2A;
    --inactive-button: #9B9B9B;

    --progress: 0;
}


body {
    font-family: 'Akzidenz-Grotesk BQ Extra';
    background-color: var(--dark);
}


.bordered-text {
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: black;
}

.wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 100vh;

}

footer {
    background: var(--main-gradient);
    height: 180px;
}