:root{--start-button-opacity-low: .5;--start-button-opacity-high: .8;--cube-width: 80px}html,body{margin:0;height:100%;font-family:Cinzel,sans-serif;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}.swal2-popup{font-size:1rem!important;font-family:Georgia,serif}canvas{width:100%;height:100%;display:block;z-index:1}.active{content:""}#gyro-button{background-color:#f6bb62;box-shadow:-2px -2px 10px #b1833e75;padding:20px;display:none;text-align:center}#ui{display:none;position:absolute;left:1vh;top:1vh;background-color:#fff;color:#000;padding:0 10px}.unselectable{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}#contact-button{white-space:nowrap;font-size:24px;padding:15px 30px;z-index:2;position:absolute;bottom:20px;left:50%;transform:translate(-50%);border-radius:20px;background-color:#f7e4dd;box-shadow:5px 5px 15px #7250444b;cursor:pointer}#wip-banner{position:absolute;top:0;left:0;z-index:10;width:100vw;overflow-x:hidden;background-color:#f7e4dd}#wip-banner div{display:flex;flex-direction:row;width:200vw;animation:wip-text 15s linear infinite}#wip-banner span{text-align:center;flex-grow:1}@keyframes wip-text{0%{transform:translate(0)}to{transform:translate(-50%)}}.modal-container{background-color:#0000006c;transition:opacity .4s;opacity:0;pointer-events:none;position:absolute;z-index:3;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:hidden}.modal{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:1;background:linear-gradient(22deg,rgb(207,172,159) 0%,rgb(247,228,221) 52%,rgba(247,228,221) 100%);padding:100px 50px}.modal-cross{position:absolute;top:15px;right:10px;width:30px;height:30px;opacity:.4;cursor:pointer}.modal-cross:hover{opacity:.7}.modal-cross:before,.modal-cross:after{position:absolute;top:0px;right:50%;content:"";height:30px;width:2px;background-color:#000}.modal-cross:before{transform:rotate(45deg)}.modal-cross:after{transform:rotate(-45deg)}.modal-button{padding:10px 20px;font-size:20px;border-radius:15px;cursor:pointer;margin-left:10px;margin-right:10px}#redirect-modal-button-container{display:flex;justify-content:center;margin-top:30px}.modal-button-confirm{background-color:#68686838;-webkit-appearance:button;-moz-appearance:button;appearance:button;text-decoration:none;color:initial}.modal-button-cancel{background-color:#c02b2b}#image-container{z-index:4;transition:opacity .4s;opacity:0;background-size:contain;background-repeat:no-repeat no-repeat;background-position:center center;background-color:#00000054;pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:hidden;cursor:pointer}.modal-detail{z-index:4;transition:opacity .4s;opacity:0;background-color:#000000b2;pointer-events:none;position:absolute;top:0;left:0;width:100vw;height:100vh;margin:0;cursor:pointer;display:flex;align-items:center;justify-content:center}.modal-detail-area{z-index:5;color:wheat;background-color:#131313;width:80%;max-height:calc(100% - 50px);text-align:center;overflow:auto;border-radius:20px;cursor:auto}.img-txt-container{display:flex;flex-direction:row;text-align:start;margin:40px;gap:40px;font-family:Arial,sans-serif;line-height:150%}.side-image{width:40%}a{color:wheat}#loading-screen{transition-timing-function:ease-in;position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:hidden}.loading-screen-break-strip{z-index:2;transition:all 1s cubic-bezier(1,.5,.86,.01);position:absolute;width:10px;height:0px;background-color:#000}#loading-screen-break-strip__top{left:calc(100% - 5px);top:0%}#loading-screen-break-strip__bottom{left:-5px;bottom:0%}.loading-screen-panel{transition:all;position:absolute;top:0%;width:50%;height:100%;background:linear-gradient(22deg,rgba(148,148,148,1) 0%,rgba(186,146,131,1) 52%,rgba(182,109,82,1) 100%);background-size:200% 100%}#loading-screen-left-panel{transition-duration:3s;left:0%;background-position:0% 0%}#loading-screen-right-panel{transition-duration:1.5s;left:50%;background-position:-100% 0%}#loading-screen-text{white-space:nowrap;z-index:3;transition:all 1s cubic-bezier(.87,.03,.97,.74);position:absolute;bottom:50%;left:50%;transform:translate(-50%,50%);padding:0 10px;text-align:center;color:#f5f5f5}@media only screen and (max-width: 500px){#loading-screen-text{transition-duration:.5s}}#loading-screen-text:before{z-index:0;position:absolute;display:inline-block;background-color:#000;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;height:500px;border-radius:100%;content:""}#loading-screen-text p{position:relative}@media only screen and (max-width: 500px){#loading-screen-text:before{width:95vw;height:95vw}}#loading-screen-text-name{font-size:30px}#loading-screen-text-role{font-size:20px}#loading-screen-progress-bar{position:relative;transition:all 1s ease;margin-bottom:10px;opacity:1;width:0%;height:10px;border-radius:5px;background:rgb(255,255,255);background:linear-gradient(22deg,rgba(255,255,255,.5158438375350141) 0%,rgba(255,255,255,.8071603641456583) 52%,rgba(255,255,255,.8799894957983193) 100%)}#loading-screen-text-start{margin-top:10px;font-size:20px;opacity:0;transition:transform .2s ease-in,opacity 2s ease}#loading-screen-text-start-container{transition:opacity 1.2s ease;height:calc(var(--cube-width)*2);display:flex;align-items:center;justify-content:center;cursor:pointer}#loading-screen-text-start:hover{transform:scale(1.02)}.start-button-animation{-webkit-animation:breathing 2.5s ease-out infinite normal;animation:breathing 2.5s ease-out infinite normal;animation-direction:alternate}.cube-wrapper{position:absolute;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-animation:spin 5s infinite linear;animation:spin 5s infinite linear;width:var(--cube-width);height:var(--cube-width);-webkit-animation-play-state:paused;-moz-animation-play-state:paused;animation-play-state:paused}.cube{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-animation:spin 10s infinite linear;animation:spin 10s infinite linear;position:absolute;width:var(--cube-width);height:var(--cube-width);transform:rotateX(45deg) rotateY(45deg)}.cube-wrapper:hover{-webkit-animation-play-state:running;-moz-animation-play-state:running;animation-play-state:running}.cube div{width:var(--cube-width);height:var(--cube-width);line-height:var(--cube-width);text-align:center;box-shadow:inset 0 0 0 1px #ffffff93;background:rgba(138,138,138,.152);display:block;position:absolute}.cube div.top{-webkit-transform:rotateX(90deg);transform:rotateX(90deg);margin-top:calc(var(--cube-width) / -2)}.cube div.right{-webkit-transform:rotateY(90deg);transform:rotateY(90deg);margin-left:calc(var(--cube-width) / 2)}.cube div.bottom{-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg);margin-top:calc(var(--cube-width) / 2)}.cube div.left{-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg);margin-left:calc(var(--cube-width) / -2)}.cube div.front{-webkit-transform:translateZ(calc(var(--cube-width) / 2));transform:translateZ(calc(var(--cube-width) / 2))}.cube div.back{-webkit-transform:translateZ(calc(var(--cube-width) / -2)) rotateX(180deg);transform:translateZ(calc(var(--cube-width) / -2)) rotateX(180deg)}@-webkit-keyframes spin{to{rotate:0 1 0 360deg}}@keyframes spin{to{rotate:0 1 0 360deg}}@-webkit-keyframes breathing{0%{opacity:var(--start-button-opacity-high)}30%{opacity:var(--start-button-opacity-high)}to{opacity:var(--start-button-opacity-low)}}@keyframes breathing{0%{opacity:var(--start-button-opacity-high)}30%{opacity:var(--start-button-opacity-high)}to{opacity:var(--start-button-opacity-low)}}