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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{background:#1a1a1a;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@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}.screen-button{background-color:red;border:none;height:30vh;width:30vh}.screen-button-test{background-color:orange;border:none;height:30vh;width:30vh}.screen-button-GBeep{background-color:red;border:none;height:30vh;width:30vh}.screen-button-ABeep{background-color:blue;border:none;height:30vh;width:30vh}.screen-button-CBeep{background-color:#0ff;border:none;height:30vh;width:30vh}.screen-button-EBeep{background-color:#0f0;border:none;height:30vh;width:30vh}.screen-button-DBeep{background-color:#f0f;border:none;height:30vh;width:30vh}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.tv-container{margin-left:-10vw;width:120vw}.tv-screen{cursor:pointer;height:calc(12vw - 16px);position:absolute;transform-style:preserve-3d;transition:transform .3s;width:calc(15vw - 20px)}.tv-screen:first-child{left:17%;top:8%;transform:rotate(-8deg)}.tv-screen:nth-child(2){left:34%;top:11%;transform:rotate(5deg)}.tv-screen:nth-child(3){left:50%;top:9%;transform:rotate(-5deg)}.tv-screen:nth-child(4){left:68%;top:8%;transform:rotate(7deg)}.tv-screen:nth-child(5){left:85%;top:10%;transform:rotate(-6deg)}.tv-screen:nth-child(6){left:20%;top:34%;transform:rotate(6deg)}.tv-screen:nth-child(7){left:37%;top:32%;transform:rotate(-7deg)}.tv-screen:nth-child(8){left:55%;top:30%;transform:rotate(4deg)}.tv-screen:nth-child(9){left:70%;top:33%;transform:rotate(-8deg)}.tv-screen:nth-child(10){left:87%;top:31%;transform:rotate(5deg)}.tv-screen:nth-child(11){left:15%;top:57%;transform:rotate(-5deg)}.tv-screen:nth-child(12){left:32%;top:55%;transform:rotate(6deg)}.tv-screen:nth-child(13){left:50%;top:57%;transform:rotate(-4deg)}.tv-screen:nth-child(14){left:67%;top:56%;transform:rotate(7deg)}.tv-screen:nth-child(15){left:88%;top:56%;transform:rotate(-6deg)}.tv-screen:nth-child(16){left:17%;top:80%;transform:rotate(5deg)}.tv-screen:nth-child(17){left:35%;top:78%;transform:rotate(-7deg)}.tv-screen:nth-child(18){left:55%;top:79%;transform:rotate(6deg)}.tv-screen:nth-child(19){left:73%;top:80%;transform:rotate(-5deg)}.tv-screen:nth-child(20){left:90%;top:77%;transform:rotate(7deg)}.tv-screen.interactive:hover{transform:scale(1.05) translateZ(50px);z-index:10}.static-effect_1{background-image:url(/static/media/static_practice.b50d55b4e1f2f5ea800c.gif)}.static-effect_1,.static-effect_2{height:100%;mix-blend-mode:screen;opacity:.7;position:absolute;width:100%;z-index:3}.static-effect_2{background-image:url(/static/media/static01.505e57b1b97eb3095822.gif)}.static-effect_3{background-image:url(/static/media/static02.589ca5db0bb3d1e52d41.gif)}.static-effect_3,.static-effect_4{height:100%;mix-blend-mode:screen;opacity:.7;position:absolute;width:100%;z-index:3}.static-effect_4{background-image:url(/static/media/static03.0d1e35b845e9624d9bb9.gif)}.static-effect_5{background-image:url(/static/media/staitc05.b08945d32141dcff1057.gif);mix-blend-mode:screen;opacity:.7;z-index:3}.color-overlay,.static-effect_5{height:100%;position:absolute;width:100%}.color-overlay{opacity:0;transition:opacity .3s}.tv-screen.active .color-overlay{opacity:.7}.tv-frame_1{background-image:url(/static/media/Computer01.e0dcf646830f2f64a3d8.png)}.tv-frame_1,.tv-frame_2{background-size:cover;box-shadow:5px 5px 15px #0006;height:100%;pointer-events:none;position:absolute;width:100%;z-index:4}.tv-frame_2{background-image:url(/static/media/Computer02.c5be548bd7476d6d317a.png)}.tv-frame_3{background-image:url(/static/media/Computer03.42ca2f7c65dfc175316d.png)}.tv-frame_3,.tv-frame_4{background-size:cover;box-shadow:5px 5px 15px #0006;height:100%;pointer-events:none;position:absolute;width:100%;z-index:4}.tv-frame_4{background-image:url(/static/media/Computer04.adec08248cdf982ed990.png)}@keyframes screenFlicker{0%{opacity:1}2%{opacity:.8}4%{opacity:1}50%{opacity:1}52%{opacity:.9}54%{opacity:1}}@keyframes turnOn{0%{opacity:0;transform:scaleY(.01)}50%{opacity:1;transform:scaleY(.01)}to{opacity:1;transform:scaleY(1)}}.tv-screen.active .screen-content{animation:turnOn .4s ease-out}.tv-screen:hover{transform:scale(1.05) translateZ(50px);z-index:10}.tv-screen.failure .color-overlay{animation:failureFlash .5s ease-in-out infinite;background-color:red!important;opacity:.7}@keyframes failureFlash{0%{opacity:.7}50%{opacity:.3}to{opacity:.7}}.tv-screen.active .color-overlay,.tv-screen.failure .color-overlay{opacity:.7}.tv-wrapper{display:flex;justify-content:center;margin:0;overflow:hidden;width:100vw}.tv-container,.tv-wrapper{height:100vh;position:relative}.tv-container{background:#1a1a1a;box-sizing:border-box;margin-left:-20vw;overflow:visible;padding:20px;perspective:1000px;width:140vw}.background-video{height:100vh;left:0;object-fit:cover;opacity:0;pointer-events:none;position:fixed;top:0;width:100vw;z-index:0}.background-video.playing{opacity:1}.victory-test-button{background:#444;border:none;border-radius:5px;bottom:20px;color:#fff;cursor:pointer;left:50%;padding:10px 20px;position:fixed;transform:translateX(-50%);z-index:1000}.tv-screen.video-playing .screen-content{background:#0000!important}.tv-screen.video-playing .static-effect{opacity:.3}.tv-screen.video-playing .color-overlay{display:none}.screen-video{z-index:1}.screen-video.playing{opacity:1}.screen-content{background:#000;height:54%;left:19%;overflow:hidden;position:absolute;top:23%;width:68%;z-index:2}.start-screen{align-items:center;background:#1a1a1a;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:10}.start-button{background:#333;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:24px;padding:20px 40px;transition:background .3s}.start-button:hover{background:#444}.victory-video-container{border-radius:10px;overflow:hidden}.victory-video{transform:scale(1.1);transform-origin:center center}.tv-screen.video-playing .static-effect_1,.tv-screen.video-playing .static-effect_2,.tv-screen.video-playing .static-effect_3,.tv-screen.video-playing .static-effect_4,.tv-screen.video-playing .static-effect_5{opacity:.3}.tv-screen.video-playing .color-overlay{opacity:0!important}.screen-video{height:100%;left:0;object-fit:cover;opacity:0;position:absolute;top:0;transition:opacity .3s;width:100%;z-index:3}.tv-screen.video-playing .screen-video{opacity:1;transform:scale(1.01)}
/*# sourceMappingURL=main.879b9c0e.css.map*/