@import url('/fonts/NeueMachina-Regular.ttf');

@font-face {
    font-family: 'NeueMachina-Black';
    src: local('NeueMachina-Black'), url('/fonts/NeueMachina-Black.ttf') format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NeueMachina-Bold';
    src: local('NeueMachina-Bold'), url('/fonts/NeueMachina-Bold.ttf') format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NeueMachina-Light';
    src: local('NeueMachina-Light'), url('/fonts/NeueMachina-Light.ttf') format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NeueMachina-Medium';
    src: local('NeueMachina-Medium'), url('/fonts/NeueMachina-Medium.ttf') format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NeueMachina-Regular';
    src: local('NeueMachina-Regular'), url('/fonts/NeueMachina-Regular.ttf') format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NeueMachina-Ultrabold';
    src: local('NeueMachina-Ultrabold'), url('/fonts/NeueMachina-Ultrabold.ttf') format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NeueMachina-Ultralight';
    src: local('NeueMachina-Ultralight'), url('/fonts/NeueMachina-Ultralight.ttf') format("truetype");
    font-weight: normal;
    font-style: normal;
}

* {
    box-sizing: border-box;
    user-select: none;
    -webkit-overflow-scrolling: touch;
    -webkit-user-select: auto;
}

*::selection {  
    color: transparent;
    text-shadow: 0px 0px 0px #00afefea;
}
*::-moz-selection {
    color: transparent;
    text-shadow: 0px 0px 0px #00AEEF;
}

html {
    font-size: calc(100vw/1920);
    font-family: 'NeueMachina-Regular';
    touch-action: pan-y;
}

body {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    background: var(---Light-gray, radial-gradient(100% 25% at 50% 0%, #323640 0%, rgba(27, 30, 36, 0.00) 100%), #1E2027);
    /* font-family: 'Manrope Medium'; */
    /* font-style: normal; */
    touch-action: pan-y;
}

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

a, p, div, label, span {
    font-size: 1.1vw;
}
  
a {
    text-decoration: none;
}

img{
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

button, input{
    outline: none !important;
}

@media(max-width: 1133px) {
    html {
        font-size: calc(100vw/1133);
    }
}

@media(max-width: 768px) {
    html {
        font-size: calc(100vw/768);
    }
}

@media(max-width: 500px) {
    html {
        font-size: calc(100vw/360);
    }
}