body {
margin: 0;
background-color: #000000;

-webkit-touch-callout: none !important;                /* prevent callout to copy image, etc when tap to hold */
-webkit-text-size-adjust: none !important;             /* prevent webkit from resizing text to fit */
-webkit-user-select: none !important;                  /* prevent copy paste, to allow, change 'none' to 'text' */
height:100%;
}

#wrongRotation {
display: none;
z-index: 20;
position: fixed;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 1);
touch-action: none;
}
#wrongRotation img {
display: block;
width: 30%;
margin-left: auto;
margin-right: auto;
position: relative;
top: 40%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
touch-action: none;
}

@font-face {
font-family: 'texgyrebonumfont';
font-style: normal;
font-weight: 400;
src: url('assets/fnt/texgyrebonum-bold.otf') format('opentype');
}

@font-face {
font-family: 'dream_font';
font-style: normal;
font-weight: 400;
src: url('assets/fnt/DreamwoodDemoRegular.ttf') format('truetype');
}

.shadowed {
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
}