/*
 * Generic styles
 */
html {
    overflow: hidden;
    height: 100%;
    -webkit-text-size-adjust: none;
}

body {
    overflow: hidden;
    height: 100%;
    margin: 0;
    color: #fff;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    touch-action: none;
}

canvas {
    position: absolute;
    display: block;
    touch-action: none;
}

.fullscreen-loader {
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: none;
    background: #101010;
}

.fullscreen-loader>div {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90px;
    height: 90px;
    margin: -45px 0 0 -45px;
}

.fullscreen-loader>div>div {
    float: left;
    width: 30px;
    height: 30px;
    background-color: #fff;
    -webkit-animation: tile 1.3s infinite ease-in-out;
    animation: tile 1.3s infinite ease-in-out;
}

.fullscreen-loader>div>div.tile1 {-webkit-animation-delay: 0.2s; animation-delay: 0.2s}
.fullscreen-loader>div>div.tile2 {-webkit-animation-delay: 0.3s; animation-delay: 0.3s}
.fullscreen-loader>div>div.tile3 {-webkit-animation-delay: 0.4s; animation-delay: 0.4s}
.fullscreen-loader>div>div.tile4 {-webkit-animation-delay: 0.1s; animation-delay: 0.1s}
.fullscreen-loader>div>div.tile5 {-webkit-animation-delay: 0.2s; animation-delay: 0.2s}
.fullscreen-loader>div>div.tile6 {-webkit-animation-delay: 0.3s; animation-delay: 0.3s}
.fullscreen-loader>div>div.tile7 {-webkit-animation-delay: 0s; animation-delay: 0s}
.fullscreen-loader>div>div.tile8 {-webkit-animation-delay: 0.1s; animation-delay: 0.1s}
.fullscreen-loader>div>div.tile9 {-webkit-animation-delay: 0.2s; animation-delay: 0.2s}

@-webkit-keyframes tile {
    0%, 70%, 100% {-webkit-transform: scale(1, 1); transform: scale(1, 1)}
    35% {-webkit-transform: scale(0.01, 0.01); transform: scale(0.01, 0.01)}
}

@keyframes tile {
    0%, 70%, 100% {-webkit-transform: scale(1, 1); transform: scale(1, 1)}
    35% {-webkit-transform: scale(0.01, 0.01); transform: scale(0.01, 0.01)}
}