* {font-family: 'Raleway', sans-serif; }
p {color: white}

body { padding: 0; margin: 0; }
#unity-container { position: absolute }
#unity-container.unity-desktop { left: 50%; top: 50%; transform: translate(-50%, -50%) }
#unity-container.unity-mobile { width: 100%; height: 100% }
#unity-canvas { background: transparent }
.unity-mobile #unity-canvas { width: 100%; height: 100% }
#unity-loading-bar { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: none }
#unity-logo { width: 154px; height: 130px; background: url('carta_logo_symbol.png') no-repeat center }
#unity-progress-bar-empty { display: none; width: 141px; height: 18px; margin-top: 10px; margin-left: 6.5px; background: url('progress-bar-empty-dark.png') no-repeat center }
#unity-progress-bar-full { display: none; width: 0%; height: 18px; margin-top: 10px; background: url('progress-bar-full-dark.png') no-repeat center }
.unity-mobile #unity-footer { display: none }
#unity-webgl-logo { float:left; width: 204px; height: 38px; background: url('webgl-logo.png') no-repeat center }
#unity-build-title { float: right; margin-right: 10px; line-height: 38px; font-family: arial; font-size: 18px }
#unity-fullscreen-button { float: right; width: 38px; height: 38px; background-color: #f56565; border-radius: 50%; cursor: pointer; display: flex; justify-content: center; align-items: center; color: white;}
#unity-warning { position: absolute; left: 50%; top: 5%; transform: translate(-50%); background: white; padding: 10px; display: none }
#preload-container {background-color: #2e3952; width:100%; height: calc(100% + 2px); position: absolute; top: -1px; z-index: 999; display: flex; flex-direction: column; align-items: center; font-size: 1.3rem; text-align: center;color:white; line-height: 2rem;}
#preload-logo {width: 500px; padding: 30px}
#preload-content {padding: 30px}
#preload-copyright-notice {font-size: small; font-weight: bold;}
.preload-important-underline {border-bottom: solid 4px #f56565;} 
#start-button {color: white; background-color: #52996e; border: none; width: 350px; height: 62px; border-radius: 5px; font-size: 20px; box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px; cursor: pointer;}

#start-button:hover {
    background-color: #3b6e4f;
  }


  .lds-dual-ring {
    display: inline-block;
    width: 80px;
    height: 80px;
  }
  .lds-dual-ring:after {
    content: " ";
    display: block;
    width: 64px;
    height: 64px;
    margin: 8px;
    border-radius: 50%;
    border: 6px solid #fff;
    border-color: #fff transparent #fff transparent;
    animation: lds-dual-ring 1.2s linear infinite;
  }
  @keyframes lds-dual-ring {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }



  .rotate {
    animation: rotation 4s infinite linear;
  }
  
  @keyframes rotation {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(359deg);
    }
  }