/* Fonts */

@font-face {
    font-family: Yeseva;
    src: url('./fonts/YesevaOne-Regular.ttf');
}

@font-face {
    font-family: DMSans;
    src: url('./fonts/DMSans-Regular.ttf');
}

/* No Select */

.noselect, img {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                        supported by Chrome, Edge, Opera and Firefox */
}

input,
textarea,
button,
select,
a,
svg,
div {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

*::selection {
    background-color: #D67814;
    color: #082946;
}

/* Loading Page */

.loadingPage {
    position: fixed;
    background-color: #ffffff;
    width: 100vw;
    height: 100vh;
    z-index: 90000000000000000000000000000000000000;
    pointer-events: none;
}

/* Defaults */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    scroll-behavior: smooth;
}

html {
    background-color: #f3f3f3;
    font-size: 10px;
    color: #ffffff;
    scroll-behavior: smooth;
    /* cursor: none; */
}

body {
    background-color: #030303;
    box-sizing: border-box;
    z-index: 100;
    font-size: 10px;
    box-sizing: border-box;
    width: 100vw;
    height: 100vh;
    overflow-x: hidden;
    font-family: DMSans;
}

.canvasOverlay {
    position: fixed;
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    z-index: 100000000;
    pointer-events: none;
}

.webgl {
    position: fixed;
    outline: none;
    box-sizing: border-box;
    width: 100vw;
    height: 100vh;
    z-index: 100000000;
    pointer-events: none;
}

main {
    position: absolute;
    overflow-x: hidden;
}

/* Responsive */

/* Max-Width 1080px */

@media screen and (max-width: 1300px) {

    @media (orientation: Portrait) {
       /* Portrait */

    }
      
    @media (orientation: landscape) {
        /* Landscape */

    }

    /* Responsive Common */

}