.loader {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  height: auto;
  z-index: 10000;
  box-sizing: border-box;
  display: flex;
  align-content: center;
  justify-content: center;
  flex-direction: column;
  background-color: #04153a; }
  .loader.hide {
    display: none; }
  .loader .container {
    display: block;
    position: relative;
    width: 100%;
    max-width: 500px;
    margin: auto;
    text-align: center; }
    .loader .container .logo {
      display: block;
      margin: auto;
      width: 80%; }
    .loader .container .progress {
      display: block;
      width: 80%;
      margin: 10px auto;
      background-color: #fff; }
      .loader .container .progress .progress-bar {
        display: block;
        height: 10px;
        width: 1%;
        background-color: #fbfd56; }

.game {
  display: block;
  position: relative;
  background-color: #000000;
  width: 100%; }



.layout {
  display: block;
  position: relative; }
  .layout .page {
    display: block;
    position: relative;
    overflow: hidden; }

html {
  color: #000;
  font-family: 'WH Hoxton';
  font-size: 1vw; }

html, body {
  margin: 0;
  padding: 0; }