/* Index */
body {margin:0;background:whtie;color:#eee;}
#turbo-canvas {position:fixed;left:0;top:0;background:transparent;z-index:75}
#turbo-canvas-webgl {position:fixed;left:0;top:0;background:transparent;z-index:50}

/* Loader */
.loader-display {z-index:200;position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;}
.loader-display {background:#111;color:#eee;font-family:'Courier New';font-size:12px;}
.loader-display .inner {padding:4px 4px;}
.loader-display .heading {color:#FAE503;}
.loader-display .line {cursor:default;}
.loader-display .failed {color:#e00}
.loader-display .bytes {color:#eee}
.loader-display .title {color:#eee;}
.loader-display .number {color:#eee}

.loader-display .logo {font-size:8px;position:fixed;right:0px;top:4px;white-space:pre;line-height:10px;z-index:205;}
@media (max-width:750px){
	.loader-display .logo {font-size:6px;line-height:8px;}
}
@media (max-width:650px){
	.loader-display .logo {font-size:5px;line-height:6px;}
}
@media (max-width:565px){
	.loader-display .logo {font-size:4px;line-height:4px;}
}

/* misc stuff */
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* IE/Edge */
  user-select: none;           /* non-prefixed version, currently
                                  not supported by any browser */
}

.huge-div {position:fixed;left:0;top:0;width:100%;height:100%;background:#111;margin-top:0;color:#eee;text-align:center;font-weight:bold;font-size:48px;font-family:arial;display:table;}
.huge-div .inner {display:table-cell;vertical-align:middle;color:#eee;}
.huge-div .title {}
.huge-div .subtitle {font-size:32px;margin-top:20px;}
#simple-loader {z-index:110}
#simple-loader img {margin-top:20px;}
#simple-loader .loading-message {font-size:16px;margin-top:20px;}
#simple-loader .loading-percentage {font-size:16px;margin-top:20px;}
#joggeli-logo {position:fixed;z-index:500;top:5px;left:5px;display:table;background:#eee;border-radius:10px;padding:1px 5px;}
#joggeli-logo img {height:32px;}
#joggeli-logo .inner {display:table;font-size:14px;color:#111;}
#joggeli-logo .text {font-family:arial;display:table-cell;vertical-align:middle;padding-left:5px;}