@font-face {
    src: url("../fonts/geomanist-regular-webfont.woff");
    font-family: "Geomanist";
}

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

img {
    -webkit-user-select: none;
    /* Safari */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Standard */
}

html {
    scroll-behavior: smooth;
}

header {
    position: relative;
    z-index: 99;
}

body {
    background-color: black;
    font-family: Geomanist;
    font-weight: 700;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul {
    margin: 0;
    color: white;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
}

a {
    cursor: pointer;
    text-decoration: none;
}

li {
    list-style: none;
}

main {
    position: absolute;
    width: 100vw;
}



@media screen and (max-width: 1024px) {
    .scroll {
        overflow: visible;
    }

    .scroll .off {
        overflow: hidden
    }

    .overlay {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.8);
        opacity: 0;
        transition: all 0.4s ease-in-out;
        z-index: 99;
        pointer-events: none;

    }

    .active {
        opacity: 1;
        transition: all 0.4s ease-in-out;

    }
}