html {box-sizing: border-box;}
*, *:before, *:after {box-sizing: inherit;}
html, body {height: 100%;}
@font-face {font-family: "Montserrat"; font-weight: 600; src: url('./fonts/Montserrat-SemiBold.woff2') format('woff2')}
@font-face {font-family: "Shadow"; font-weight: 400; src: url('./fonts/shadow-regular.woff2') format('woff2')}
canvas {display: block;}
body {margin: 0;background: linear-gradient(180deg, #00A8D8 0%, #00D2EA 27.03%, #DFF3FC 80.97%);font-family: Montserrat, Shadow, sans-serif;}
body > div:last-of-type:not([id]):not(.inputWrapper) {height: 0 !important;position: absolute !important;top: -50px;}
#unity-container {width: 100%;height: 100%;}
#unity-canvas {width: 100%;height: 100%;}
.contentWrapper {flex: 1 1 auto;display: flex;flex-direction: column;justify-content: center;align-items: center;}
#not-supported-wasm, #not-supported, #not-supported-technology {display: flex; position: absolute;width: 100vw; align-items: center;justify-content: center;height: 100vh;height: -webkit-fill-available;}
#not-supported-wasm p, #not-supported p, #not-supported-technology p {margin-top: 0;font-weight: 400;font-size: 14px;line-height: 18px;text-align: center;font-family: 'SB Sans', serif;}
#not-supported-wasm h2, #not-supported h2, #not-supported-technology h2 {font-weight: 700;font-size: 24px;line-height: 31px;font-family: 'SB Sans', serif;text-align: center;}

@media only screen and (max-width: 900px) {
    .desktop {
        display: none;
    }
    .mobile {
        
    }
}

@media only screen and (min-width: 900px) {
    .desktop {
        
    }
    .mobile {
        display: none;
    }
}