body {
     background: #0F3925;
     color: white;
 }
 
 #gameQrContent.hidden{
    opacity: 0;

 }
 #homeContent,
 header,
 footer {
     display: none;
 }
 
 body.loading {
     max-height: 100vh;
 }
 
 .kalumbaPreloader {
     position: fixed;
     z-index: 30000;
     width: 100%;
     height: 100vh;
     top: 0;
     left: 50%;
     display: none;
     transition: transform 1.5s ease-in-out;
     max-width: 2600px;
     transform: translateX(-50%);
 }
 
 .kalumbaPreloader .loader {
     text-align: center;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     color: white;
 }
 
 .kalumbaPreloader .loader img {
     width: 320px;
 }
 
 .kalumbaPreloader .border {
     position: absolute;
     box-shadow: 0 0 0px #ed8208, 0 0 0px #ed8208, 0 0 2px #ed8208, 0 0 5px #ebcb57, 0 0 10px #ebcb57, 0 0 20px #ebcb57;
     background: #ebcb57;
     -webkit-animation: blink 1.1s infinite alternate;
     animation: blink 1.1s infinite alternate;
 }
 
 .kalumbaPreloader .border.border-top {
     height: 5px;
     width: calc(100% - 200px);
     top: 100px;
     left: 100px;
 }
 
 .kalumbaPreloader .border.border-right {
     width: 5px;
     height: calc(100vh - 200px);
     top: 100px;
     right: 100px;
 }
 
 .kalumbaPreloader .border.border-bottom {
     height: 5px;
     width: calc(100% - 200px);
     bottom: 100px;
     left: 100px;
 }
 
 .kalumbaPreloader .border.border-left {
     width: 5px;
     height: calc(100vh - 200px);
     top: 100px;
     left: 100px;
 }
 
 @-webkit-keyframes blink {
     100% {
         box-shadow: 0 0 3px #ed8208, 0 0 10px #ed8208, 0 0 20px #ed8208, 0 0 40px #ebcb57, 0 0 30px #ebcb57, 0 0 40px #ebcb57;
     }
 }
 
 @keyframes blink {
     100% {
         box-shadow: 0 0 3px #ed8208, 0 0 10px #ed8208, 0 0 20px #ed8208, 0 0 40px #ebcb57, 0 0 30px #ebcb57, 0 0 40px #ebcb57;
     }
 }
 
 .kalumbaPreloader.zoomedOut {
     transform: scale(2.4) translateX(-25%);
     pointer-events: none;
 }
 
 .lds-ellipsis {
     display: block;
     position: relative;
     width: 80px;
     height: 80px;
     margin: -30px auto 0;
 }
 
 .lds-ellipsis div {
     position: absolute;
     top: 33px;
     width: 13px;
     height: 13px;
     border-radius: 50%;
     background: #fff;
     animation-timing-function: cubic-bezier(0, 1, 1, 0);
 }
 
 .lds-ellipsis div:nth-child(1) {
     left: 8px;
     animation: lds-ellipsis1 0.6s infinite;
 }
 
 .lds-ellipsis div:nth-child(2) {
     left: 8px;
     animation: lds-ellipsis2 0.6s infinite;
 }
 
 .lds-ellipsis div:nth-child(3) {
     left: 32px;
     animation: lds-ellipsis2 0.6s infinite;
 }
 
 .lds-ellipsis div:nth-child(4) {
     left: 56px;
     animation: lds-ellipsis3 0.6s infinite;
 }
 
 @keyframes lds-ellipsis1 {
     0% {
         transform: scale(0);
     }
     100% {
         transform: scale(1);
     }
 }
 
 @keyframes lds-ellipsis3 {
     0% {
         transform: scale(1);
     }
     100% {
         transform: scale(0);
     }
 }
 
 @keyframes lds-ellipsis2 {
     0% {
         transform: translate(0, 0);
     }
     100% {
         transform: translate(24px, 0);
     }
 }
 
 .leavesBlocker,
 .blocker18 {
     display: none;
 }
 
 @media only screen and (max-width: 1400px) {
     .kalumbaPreloader .loader img {
         width: 260px;
     }
     .kalumbaPreloader.zoomedOut {
         transform-origin: 0% 50%;
     }
 }
 
 @media only screen and (max-width: 800px) {
     .kalumbaPreloader .border.border-top {
         height: 4px;
         width: calc(100% - 100px);
         left: 50px;
         top: 50px;
     }
     .kalumbaPreloader .border.border-right {
         width: 4px;
         height: calc(100vh - 100px);
         top: 50px;
         right: 50px;
     }
     .kalumbaPreloader .border.border-bottom {
         height: 4px;
         width: calc(100% - 100px);
         bottom: 50px;
         left: 50px;
     }
     .kalumbaPreloader .border.border-left {
         width: 4px;
         height: calc(100vh - 100px);
         top: 50px;
         left: 50px;
     }
 }
 
 @media only screen and (max-width: 590px) {
     .kalumbaPreloader .border.border-top {
         height: 3px;
         width: calc(100% - 50px);
         left: 25px;
         top: 25px;
     }
     .kalumbaPreloader .border.border-right {
         width: 3px;
         height: calc(100vh - 50px);
         top: 25px;
         right: 25px;
     }
     .kalumbaPreloader .border.border-bottom {
         height: 3px;
         width: calc(100% - 50px);
         bottom: 25px;
         left: 25px;
     }
     .kalumbaPreloader .border.border-left {
         width: 3px;
         height: calc(100vh - 50px);
         top: 25px;
         left: 25px;
     }
 }