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}.App{text-align:center}.headline{color:"orange"}.drawer-button-open{color:"grey"}.drawer-button-closed{color:"blue"}.navbar-container{align-items:center;background-color:#493633;border-radius:10px;box-shadow:2px 2px 8px rgba(0,0,0,.845),-2px -2px 8px rgba(144,62,50,.559);color:#d0d0d0;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:flex-start;left:80vw;padding:10px;position:absolute;top:5vh;transition:width .5s ease;width:15vw}.rotary-dial{background-color:#333;border-radius:50%;box-shadow:inset 0 0 6px rgba(56,56,56,.929);height:10vh;overflow:hidden;position:relative;transition:all .2s ease;width:10vh}.rotary-dial:before{background-color:#22222279;bottom:4px;box-shadow:inset 1px 1px 10px hsla(0,0%,73%,.362);left:4px;right:4px;top:4px}.rotary-dial:after,.rotary-dial:before{border-radius:50%;content:"";position:absolute}.rotary-dial:after{background-color:#525252;box-shadow:inset 0 0 4px rgba(0,0,0,.5);height:50%;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:50%}.rotary-dial-indicator{background-color:#0000001d;box-shadow:inset 0 4px 4px rgba(0,0,0,.5);height:2vh;left:47.5%;position:relative;top:25%;width:.5vh;z-index:100}.nav-button{align-items:center;background-color:#e0e0e0;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.1);color:#333;display:flex;font-family:sans-serif;font-size:18px;height:40px;justify-content:center;margin:5px 0;text-decoration:none;transition:background-color .3s ease;width:100%}.nav-button:hover{background-color:#d0d0d0}.toggle-button{align-items:center;background-color:#e0e0e0;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.1);cursor:pointer;display:flex;height:40px;justify-content:center;margin:10px 0;transition:background-color .3s ease;width:100%}.toggle-button:hover{background-color:#d0d0d0}.content-container{align-items:center;background-color:#333;display:flex;flex-direction:row;height:100%;justify-content:center;left:50%;min-height:300px;min-width:500px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}.audio-player-container{align-self:center;background-color:#6b6060;border-radius:10px;height:25vh;left:80vw;padding:20px;top:60vh;width:14vw}.audio-player-container,.carousel-container{align-items:center;box-shadow:0 4px 6px rgba(0,0,0,.1),inset 0 0 10px rgba(0,0,0,.1);display:flex;flex-direction:column;position:absolute}.carousel-container{background-color:#f0f0f0;border-radius:100px;height:90vh;left:3vw;overflow:hidden;top:5vh;width:75vw}.gol-container{border-radius:100px;box-shadow:0 4px 6px rgba(0,0,0,.1),inset 0 0 10px rgba(0,0,0,.1);overflow:hidden}.gol-container,.osc-container{align-items:center;background-color:#000;display:flex;flex-direction:column;height:90vh;left:3vw;position:absolute;top:5vh;width:75vw}.osc-container{border-radius:20% 20% 20% 20%/30% 30% 30% 30%;box-shadow:inset 0 0 50px #000,inset 0 0 200px #ffffff45;box-shadow:0 0 100px rgba(0,0,0,.5)}.off-container{background-color:#000}.noise-container,.off-container{align-items:center;border-radius:100px;box-shadow:inset 0 4px 10px #000,inset 0 0 1000px hsla(0,0%,100%,.25);display:flex;flex-direction:column;height:90vh;overflow:hidden;position:absolute;width:75vw}.noise-container{background-color:#141414;left:3vw;mix-blend-mode:lighten;top:5vh}.cvad-text{color:rgba(0,0,0,.25);font-family:Courier New,Courier,monospace;left:30vw;position:absolute;text-shadow:inset 0 4px 10px rgba(0,0,0,.5),inset 0 0 1000px hsla(0,0%,100%,.25);top:85vh}.noise-container-overlay{align-items:center;background-color:"transparent";border-radius:100px;box-shadow:10px 10px 100px #fff,inset 10px 10px 100px transparent;display:flex;flex-direction:column;height:90vh;left:0;mix-blend-mode:multiply;overflow:hidden;position:absolute;top:0;width:75vw}.carousel-image{height:100%;opacity:0;position:absolute;-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;transition:opacity 1s ease-in-out;visibility:hidden;width:100%}.carousel-image.visible{opacity:1;visibility:visible}.buttonIn{box-shadow:inset -2px -2px 8px rgba(120,75,68,.634),inset 2px 2px 8px rgba(0,0,0,.912);color:#fff;height:52px;width:102px}.buttonIn,.buttonOut{background-color:#493633;border:1px solid transparent;border-radius:4px;font-weight:700;margin:10px;padding:10px 20px;text-transform:uppercase}.buttonOut{box-shadow:2px 2px 8px rgba(0,0,0,.845),-2px -2px 8px rgba(144,62,50,.559);color:#000;height:50px;width:100px}.buttonIn:hover,.buttonOut:hover{cursor:pointer}.buttonIn:active,.buttonOut:active{background-color:#493633;border:1px solid transparent;border-radius:4px;box-shadow:inset -2px -2px 8px rgba(120,75,68,.634),inset 2px 2px 8px rgba(0,0,0,.912);color:#fff;font-weight:700;height:52px;margin:10px;padding:10px 20px;text-transform:uppercase;width:102px}.iconStyle{color:grey}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;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}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.grid{grid-gap:5px;display:grid}.cell{border:1px solid #000;border-radius:10px;transition:border-color 4s linear}.cell,.cell.alive{background-color:"transparent";box-sizing:border-box;height:calc(100% - 2px);width:calc(100% - 2px)}.cell.alive{border:1px solid #0f0;border-radius:10px}.gridPicContainer{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,2fr))}.gridPicItem{height:auto;width:20%}.channel-readout{background-color:#2a2a2a}.channel-readout,.channel-readout-on{align-items:center;border-radius:10px;box-shadow:inset 2px 2px 8px rgba(0,0,0,.845),inset -2px -2px 8px hsla(0,0%,49%,.559);box-shadow:inset 0 0 20px rgba(0,0,0,.5);display:flex;height:40px;justify-content:center;left:-10%;margin:20px;top:-50%;width:100%}.channel-readout-on{background-color:#313131}.channel-text{color:#fff}.channel-text,.channel-text-small{-webkit-animation:fade-in-out-animation 20s forwards;animation:fade-in-out-animation 20s forwards;font-family:Courier New,Courier,monospace;font-size:14pt;opacity:0;text-shadow:2px 2px 4px rgba(0,0,0,.5);transition:opacity 1s}.channel-text-small{color:#e1e1e1;text-align:right}@-webkit-keyframes fade-in-out-animation{0%{opacity:1}50%{opacity:1}to{opacity:.5}}@keyframes fade-in-out-animation{0%{opacity:1}50%{opacity:1}to{opacity:.5}}
/*# sourceMappingURL=main.5bacfe3e.css.map*/