* {
	margin: 0;
	padding: 0;
  
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

body {
	background: black;
}

#frame {
	position:absolute;
	width: 100%;
	height:100%;
	overflow: hidden;
}

#content {

    /* to center:
    left: 50%;
    */
    
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translate(-50%,-50%);
    
}

@font-face {
    font-family: 'RefrigeratorDeluxe-Bold';
    src: url(fonts/RefrigeratorDeluxe-Bold.eot);
    src: url(fonts/RefrigeratorDeluxe-Bold.eot?#iefix) format('embedded-opentype'),
         url(fonts/RefrigeratorDeluxe-Bold.woff2) format('woff2'),
         url(fonts/RefrigeratorDeluxe-Bold.woff) format('woff'),
         url(fonts/RefrigeratorDeluxe-Bold.ttf) format('truetype'),
         url(fonts/RefrigeratorDeluxe-Bold.svg#refrigerator_deluxebold) format('svg');
    font-weight: normal;
    font-style: normal;

}

.loadFont {
	font-family: 'RefrigeratorDeluxe-Bold';
	opacity: 0;
	position:absolute;

  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

#captions {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */

    font-family: 'RefrigeratorDeluxe-Bold';
    top: 7%;
    text-align: center;
    left:50%;
    transform: translate(-50%,0);
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    width: 80%;
    max-width: 80%;
    
    color:white;
    text-shadow: 0px 0px 3px #000000;
    font-size: 4vh;
    font-weight: bold;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
                                  text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000
}