@font-face {
  font-family: 'MyFont';
  src: url('Font.ttf') format('truetype');
}

html {
    box-sizing: border-box;
}
*, *:before, *:after {
    box-sizing: inherit;
}
html, body {
    height: 100%;
}
canvas {
    display: block;
}

body {
    margin: 0;
	font-family: 'MyFont';
}

input 
{
	font-family:inherit;
}

#unity-container {
    width: 100%;
    height: 100%;
}
#unity-canvas {
    width: 100%;
    height: 100%;
    background: #231F20;
}

#unity-loading-bar { position: absolute; left: 50%; top: 400px; transform: translate(-50%, 0%); display:none}
#unity-logo { position: absolute; left: 50%; top:100px; width: 200px;  height: 200px; transform: translate(-50%, 0%); background: url('logo.png'); background-size: cover}
#unity-progress-bar-empty { width: 330px; height: 3px; margin-top: 10px; background: url('ProgressBarWhite.png') no-repeat center }
#unity-progress-bar-full { width: 0%; height: 3px; margin-top: 10px; background: url('ProgressBarGrey.png') no-repeat center }
#unity-warning { position: absolute; left: 50%; top: 5%; transform: translate(-50%); background: white; padding: 10px; display: none }

#custom-div 
{
   display: block;
   width: 100%;
   height: 100%;
   position: absolute; left: 0px; top: 0px;
   overflow: hidden;
   background-image: url('Background.jpg');
   background-size: cover;
   background-position: center;
}

#custom-black-layer
{
   width: 100%;
   height: 100%;
   background-color: black;
   opacity: 0.7;
}

#custom-message {
   position: absolute; left: 50%; top: 350px; transform: translate(-50%, 0%);
   display: block;
}

#custom-message-title {
   display: block;
   color: #323232;
   width: 330px;
   text-align: left;
   height: 30px;
}

#custom-message-text {
   display: block;
   color: #323232;
   width: 330px;
   text-align: left;
   height: 50px;
}

#custom-progress-message {
   display: block;
   color: #323232;
   width: 330px;
   text-align: left;
   height: 20px;
}

#custom-input
{
   display: none;
   position: absolute; 
   left: 50%; 
   top:50%;
   transform: translate(0%, 0%);
   overflow: hidden;  
}

::placeholder {
  color: white;
  opacity: 1;
  font-style: italic;
}