body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{align-items:center;display:flex;height:100vh;justify-content:center;position:relative;text-align:center;z-index:1}.App-logo{height:40vmin;pointer-events:none}.circle{position:relative;z-index:1}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body{align-items:center;background-attachment:fixed;background-color:#dae8f5;background-image:url(/static/media/High_resolution_wallpaper_background_ID_77702096178.12932b9343f02f0c055c.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;height:100vh;justify-content:center;margin:0;overflow:hidden}@media (max-width:1000px){body{margin-top:-10px}}.test{position:relative}.brand-name{word-wrap:break-word;color:#fff;font-family:Orbitron,serif;font-size:calc(14px + .5vw);font-weight:700;letter-spacing:2px;margin-bottom:40px;overflow-wrap:break-word;padding:10%;text-align:center;text-transform:uppercase}@media (max-width:1000px){.brand-name{font-size:10px;margin-top:30px}}.menu-buttons{display:flex;flex-direction:column;gap:15px;width:90%}.stereo-button{align-items:center;background:linear-gradient(145deg,#555,#999);border:2px solid #222;box-shadow:0 4px 6px #00000080,inset 0 -1px 3px #0006,inset 0 1px 3px #ffffff4d;cursor:pointer;display:flex;height:7vh;justify-content:flex-start;overflow:hidden;position:relative;text-decoration:none;transition:all .15s ease;width:99%}.stereo-button:before{background:repeating-linear-gradient(45deg,#ffffff0d,#ffffff0d 1px,#0000 0,#0000 2px)}.stereo-button:after,.stereo-button:before{content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.stereo-button:after{border-radius:3px;box-shadow:inset 0 0 0 1px #000c,inset 0 0 0 2px #0003}.stereo-button:hover{box-shadow:0 5px 8px #0000004d,inset 0 -1px 3px #0006,inset 0 1px 3px #ffffff4d;transform:translateY(-1px)}.stereo-button.active,.stereo-button:active{background:linear-gradient(145deg,#444,#888);box-shadow:0 1px 2px #00000080,inset 0 1px 5px #0009;transform:translateY(2px)}.button-icon{align-items:center;background:#222;border-radius:50%;box-shadow:inset 0 1px 3px #000c,0 1px 1px #ffffff1a;display:flex;height:40px;justify-content:center;margin-left:1vw;width:40px}.icon-home:before{background-color:#fff;content:"";display:block;height:12px;width:12px}.icon-about{align-items:center;display:flex;justify-content:center;position:relative}.icon-about:before{transform:translateX(-4px)}.icon-about:after,.icon-about:before{background-color:#fff;content:"";display:block;height:12px;position:absolute;width:4px}.icon-about:after{transform:translateX(4px)}.icon-contact:before{border-bottom:12px solid gold;border-left:8px solid #0000;border-right:8px solid #0000;content:"";height:0;width:0}.icon-gallery:before{background-color:#fff;border:2px solid #fff;border-radius:50%;content:"";display:block;height:12px;width:12px}.icon-play:before{border-bottom:8px solid #0000;border-left:12px solid #fff;border-top:8px solid #0000;content:"";height:0;width:0}.button-text{color:#050505;font-size:14px;font-weight:700;letter-spacing:1px;padding-left:15px;text-shadow:0 1px 1px #000000b3;text-transform:uppercase}@media (max-width:1500px){.button-icon{display:none}.button-text{padding-left:0;text-align:center;width:100%}}.stereo-sidebar .button-text{color:#fff;text-shadow:1px 1px 2px #000000b3}.stereo-button.active{background:linear-gradient(180deg,#555,#333);box-shadow:inset 0 2px 4px #00000080}.content-area{flex-grow:1;padding:30px}.lights-container{height:200px;padding:30px;position:absolute;right:0;top:30vh}.background{background:url(/static/media/test-wood2.ed3b6db171f34e6acd26.jpg)no-repeat 50%;background-color:#dcdcdc;background-size:cover;border:2px solid #000;border-radius:0;box-shadow:0 15px 20px #00000080;height:88vh;margin:auto;position:relative;top:1vh;width:98%;z-index:-1}.arm-container{aspect-ratio:1/4;left:75%;position:absolute;top:10%;width:7.8125vw;z-index:997}.logo-wrapper{left:37%;position:absolute;top:5%;width:40vw}.logo-container{align-items:center;display:flex;flex-direction:column;justify-content:center;z-index:1}.logo-container,.meter-container{position:relative}.info-box{bottom:4%;flex-direction:column;gap:.5rem;left:62%;position:absolute}.info-box,.subtitle-wrapper{align-items:center;display:flex;justify-content:center}.subtitle-wrapper{margin-top:20px;position:relative;text-align:center;width:50%}.orbitron-subtitle{color:#e0e0e0;font-family:Orbitron,serif;font-size:1vmax;font-style:normal;font-weight:900;line-height:1.2;margin:0 auto;max-width:90%;position:relative;text-align:center}.circle-wrapper{aspect-ratio:1/1;margin:0 auto;position:relative;transform:translate(-35%);width:41.6667vw}.circle2{background-color:#3498db;border-radius:50%;overflow:hidden;position:absolute;transition:transform .5s ease-in-out}.circle2.selected{background-color:#0003;border:4px solid #000}.small-circle{height:10.4vw;width:10.4vw;z-index:2}.big-circle,.small-circle{aspect-ratio:1/1;left:50%;top:50%;transform:translate(-50%,-50%)}.big-circle{background-color:#0000000d;border:1px solid #8d8c8c;width:20.83333vw;z-index:1}.huge-circle{background-color:#0000001a;left:0;position:relative;top:0;z-index:0}.huge-circle,.huge-circle-wrapper{aspect-ratio:1/1;box-shadow:0 15px 20px #00000080;width:41.6667vw}.huge-circle-wrapper{border:4px solid #7a7a7a;border-radius:50%;height:41.6667vw;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:-1}.small-circle .quadrant-text{color:#333;font-size:1.2vmax}.huge-circle .quadrant-text{font-size:.85vmax}.big-circle .quadrant-text{color:#ccc;font-size:1vmax;font-weight:700;pointer-events:none;position:absolute;text-orientation:mixed;transform-origin:center;transition:transform .5s ease-in-out;writing-mode:vertical-rl}.big-circle .bottom-right .quadrant-text{transform:translate(-30%,-50%) rotate(0deg)}.quadrant{align-items:center;color:#ccc;display:flex;font-size:1.3vmin;font-weight:700;height:50%;justify-content:center;overflow:hidden;position:absolute;text-align:center;width:50%}.quadrant:hover,.small-circle .quadrant:hover{background-color:#7b9fcf;cursor:pointer}.quadrant:hover .quadrant-text{color:#000}.quadrant-text{pointer-events:none;transform-origin:center;transition:transform .5s ease-in-out}.small-circle .bottom-left,.small-circle .bottom-right,.small-circle .top-left,.small-circle .top-right{background-color:#ff7377}.top-left{border-top-left-radius:100%;left:0}.top-left,.top-right{background-color:#333;top:0}.top-right{border-top-right-radius:100%;right:0}.bottom-left{border-bottom-left-radius:100%;left:0}.bottom-left,.bottom-right{background-color:#333;bottom:0}.bottom-right{border-bottom-right-radius:100%;right:0}.buttons-container{align-items:center;display:flex;flex-direction:row;gap:clamp(8px,1vw,16px);margin-top:2vh;position:relative}.play-button{background:linear-gradient(180deg,#333 0,#111);border:2px solid #222;border-radius:0;box-shadow:inset -3px -3px 5px #fff3,inset 3px 3px 5px #00000080,2px 2px 5px #00000080;color:#fff;cursor:pointer;font-family:Arial,sans-serif;font-size:.9vmax;font-weight:700;overflow:hidden;padding:clamp(10px,1.5vw,20px) clamp(20px,3vw,40px);position:relative;text-align:center;text-transform:uppercase;width:clamp(25px,10vw,150px)}.button-housing{background:#111;border-radius:4px;box-shadow:inset -3px -3px 4px #ffffff1a,inset 3px 3px 6px #0009,2px 2px 6px #00000080;display:inline-block;padding:clamp(6px,.5vw,10px)}.play-button:before{background-color:#fff;height:clamp(1px,.15vw,3px);left:50%;top:50%;transform:translate(-50%,-50%);width:80%}.play-button:after,.play-button:before{content:"";pointer-events:none;position:absolute}.play-button:after{background:radial-gradient(ellipse at top,#ffffff4d 0,#fff0 80%);height:50%;left:0;opacity:.8;top:0;width:100%}.play-button:active{background:linear-gradient(180deg,#222 0,#000);box-shadow:inset -2px -2px 4px #ffffff1a,inset 3px 3px 5px #000c;transform:translateY(2px)}.rotate-button:hover{background-color:#2980b9}.life-square.active{background-color:green}.life-bar{display:flex;flex-direction:column;justify-content:center;margin-left:20px}.life-square.inactive{background-color:#a9a9a9}.life-square{background-color:#d3d3d3;border:1px solid #000;height:20px;margin:0 5px;width:20px}.life-bar-container{align-items:center;display:flex;flex-direction:column;position:fixed;right:350px;top:50%;transform:translateY(-50%)}.feedback.feedback-active{border-color:#ff3530;color:#ff3530}.correct-quadrant{background-color:#d3d3d3}.correct-quadrant .quadrant-text{color:#000}.incorrect-quadrant{background-color:#000}.incorrect-quadrant .quadrant-text{color:#000}.correct-quadrant:hover{background-color:#d3d3d3}.incorrect-quadrant:hover{background-color:#000;cursor:pointer}.small-circle .correct-quadrant2 .quadrant-text{color:#fff}.small-circle .correct-quadrant2,.small-circle .incorrect-quadrant2{background-color:#c34539}.small-circle .incorrect-quadrant2 .quadrant-text{color:#c34539;pointer-events:auto}.small-circle .correct-quadrant2:hover{background-color:#c34539}.small-circle .correct-quadrant2:hover .quadrant-text{color:#fff!important}.small-circle .incorrect-quadrant2:hover{background-color:#c34539;cursor:pointer}.small-circle .incorrect-quadrant2:hover .quadrant-text{color:#c34539!important}.meter{aspect-ratio:1/1;border-radius:15px;box-sizing:border-box;height:5.25vw;position:relative;width:15.625vw;z-index:9}.meter-display{border-radius:10px;height:100%;overflow:hidden;position:relative;width:100%}.meter-background{background:linear-gradient(90deg,#626870,#dde4ed);border:2px solid #333;border-radius:5px;box-shadow:inset 0 0 8px #00000080;height:80%;left:5%;overflow:hidden;position:absolute;top:10%;width:90%;z-index:1}.meter-ticks{height:120%;position:absolute;top:60%;width:100%}.tick{background:#000;height:12%;height:.5vw;top:150%;transform-origin:center;width:.7%}.meter-needle,.tick{left:50%;position:absolute}.meter-needle{background:red;bottom:-130%;height:220%;transform-origin:bottom center;transition:transform .3s ease-in-out;width:1%;z-index:5}.meter-label{bottom:10%;color:#181414;font-family:Orbitron,serif;font-size:.95vw;font-style:normal;font-weight:600;position:absolute;text-align:center;width:100%;z-index:9}.metallic{background:linear-gradient(145deg,#444,#bbb);border:4px solid #888;box-shadow:inset 2px 2px 5px #0009;z-index:9}.meter-needle.wobble{animation:needleWobble .8s ease-out}.slider-container{display:flex;height:250px;justify-content:center;position:relative;width:60px}.slider-track{background:#888;border-radius:3px;height:90%;position:relative;width:6px}.slider-scale{color:#555;display:flex;flex-direction:column;font-size:12px;height:90%;justify-content:space-between;left:10px;position:absolute}.scale-marker{text-align:left}.slider-knob{align-items:center;background:#eee;border:2px solid #666;border-radius:5px;box-shadow:2px 2px 5px #0000004d;cursor:grab;display:flex;height:40px;justify-content:center;position:absolute;width:40px}.knob-indicator{background:#444;border-radius:2px;height:4px;width:20px}.indicator-light{background:green;border-radius:50%;bottom:5px;box-shadow:0 0 5px #00ff0080;height:8px;position:absolute;width:8px}.arm-group{aspect-ratio:1/4;width:min(7.8125vw,15vh)}.arm,.arm-group{position:absolute;right:0;top:0}.arm{height:100%;transform:rotate(0deg);transform-origin:80% 12.295%;transition:transform 1s ease-in-out;width:100%}.circle-part{background:linear-gradient(145deg,#1a1a1a,#000);border:2px solid #333;box-shadow:0 0 0 1px #ffffff1a,inset 0 0 10px #0009,0 5px 15px #00000080;height:25%;right:-30%;top:0;width:100%}.circle-part,.circle-part:before{border-radius:50%;position:absolute}.circle-part:before{background:#222;box-shadow:inset 0 0 5px #000c;height:30%;width:30%}.circle-part:after,.circle-part:before{content:"";left:50%;top:50%;transform:translate(-50%,-50%)}.circle-part:after{background:#111;border-radius:50%;height:8%;position:absolute;width:8%}.rect-part{align-items:center;background:linear-gradient(145deg,#1a1a1a,#000);border-radius:4px;box-shadow:inset 2px 2px 5px #fff3,inset -2px -2px 5px #000c;color:#fff;display:flex;flex-direction:column;font-weight:700;height:25%;justify-content:space-around;left:46.5%;position:absolute;text-align:center;text-transform:uppercase;top:5%;width:66.66667%;z-index:997}.rect-text{font-family:Arial,sans-serif;font-size:16px;font-weight:700}.WHy{align-items:center;display:flex;flex-direction:column;gap:40px;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.big-shadow{background:linear-gradient(90deg,#000,#00000080);box-shadow:5px 10px 10px 5px #00000080;height:25%;left:50%;opacity:.5;top:5%;width:66.6667%;z-index:0}.arm-part,.big-shadow{border-radius:0;position:absolute}.arm-part{align-items:center;background-color:#534848;background-image:linear-gradient(90deg,#00000080,#534848 50%,#000c);display:flex;flex-direction:column;gap:12.9%;height:51.66667%;justify-content:center;left:70%;overflow:hidden;position:relative;top:30%;width:20%;z-index:2}.questions-button:before{display:none}.arm-part:after{bottom:-1px;content:"";height:6.4%;left:0;pointer-events:none;position:absolute;width:100%;z-index:10}.rect-shadow{background:linear-gradient(90deg,#000,#00000080);box-shadow:0 0 10px 5px #00000080;height:51.66667%;left:70%;opacity:.5;top:30%;width:30%}.bend-part,.rect-shadow{border-radius:0;position:absolute}.bend-part{background-color:#534848;background-image:linear-gradient(90deg,#00000080,#534848 50%,#000c);top:80%;width:20%;z-index:1}.bend-part,.bend-shadow{height:50%;left:44.5%;transform:rotate(15deg)}.bend-shadow{background:linear-gradient(90deg,#000,#00000080);border-radius:0;box-shadow:0 0 10px 5px #00000080;opacity:.5;position:absolute;top:79.5%;width:30%;z-index:-1}.head-part{background:linear-gradient(145deg,#1a1a1a,#000);border-radius:4px;box-shadow:inset 2px 2px 5px #fff3,inset -2px -2px 5px #000c;left:9%;z-index:20}.head-part,.head-shadow{height:16.66667%;position:absolute;top:120%;transform:rotate(15deg);width:40%}.head-shadow{background:linear-gradient(90deg,#000,#0009);border-radius:0;box-shadow:0 0 10px 5px #00000080;left:15%;opacity:.5;z-index:-1}.overlay{align-items:center}@media (max-width:768px){.overlay{align-items:flex-start}}
/*# sourceMappingURL=main.741c56be.css.map*/