@font-face {
  font-family: 'YanoljaYacheR';
  src: url("../fonts/YanoljaYacheR.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'ThecircleM';
  src: url("../fonts/ThecircleM.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'notokr-bold';
  font-weight: normal;
  font-style: normal;
  src: url(../fonts/notosanskr-bold.woff) format("woff"); }
@font-face {
  font-family: 'HangeulNuriB';
  src: url("../fonts/HangeulNuriB.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'notoCJKB';
  src: url("../fonts/NotoSans-Bold.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
html, body {
  margin: 0;
  padding: 0;
  background: black;
  height: 100%; }

#canvas {
  position: relative; }
  #canvas canvas {
    margin-left: auto;
    margin-right: auto;
    position: relative; }

#preloading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center; }
  #preloading > p {
    color: white;
    position: relative;
    top: 50%;
    transform: translateY(50%); }
  #preloading .font-test {
    font-family: 'YanoljaYacheR', 'ThecircleM', 'HangeulNuriB', 'notoCJKB'; }

#font-test {
  display: none;
  font-family: 'YanoljaYacheR', 'ThecircleM', 'HangeulNuriB', 'notoCJKB';
  font-style: normal;
  font-weight: 800; }

#canvas iframe, #canvas .video-js {
  position: absolute;
  top: 10%;
  left: 10%;
  width: 79.2%;
  height: 80%; }

/*# sourceMappingURL=main.css.map */