@font-face{font-family:Oswald;src:url(../assets/fonts/Oswald/Oswald-VariableFont_wght.ttf) format("truetype")}@font-face{font-family:Montserrat;src:url(../assets/fonts/Montserrat/Montserrat-VariableFont_wght.ttf) format("truetype")}body{background-color:#000;background-image:linear-gradient(#0009,#0009),url(https://images.unsplash.com/photo-1516331138075-f3adc1e149cd?q=80&w=1508&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);max-width:100%;min-height:100vh;overflow:hidden;background-position:center;background-repeat:no-repeat;background-size:cover}div#gameView{display:none}.logo-container{margin:50px auto}.logo-container img{max-width:100%;width:350px;height:auto}.logo-container{display:flex;justify-content:center;margin-bottom:2rem}.logo{max-width:300px;height:auto}.button-container{display:flex;justify-content:center;gap:2rem}.game-button{padding:1rem 2rem;font-size:2rem;letter-spacing:5px;border:none;border-radius:5px;background-color:var(--darker);color:var(--link-color);cursor:pointer;transition:background-color .3s ease;text-decoration:none;font-family:tt-frantz-b,sans-serif}.game-button:hover{background-color:var(--darkest)}.modal{display:none;position:absolute;z-index:10000;left:0;top:0;bottom:0;max-width:100%;height:100%;overflow:auto;background-color:#000;background-color:#0006;-webkit-animation-name:fadeIn;-webkit-animation-duration:.4s;animation-name:fadeIn;animation-duration:.4s;margin:0 auto}.modal-body{padding:2px 16px;border:none;color:#fafafa;background-color:#040219}:root{--primary-color: #6b40eb;--secondary-color: #917ff6;--link-color: #8594e4;--placeholder: #c7cdf5c8;--accent-color: rgb(255 152 252);--light-color: #d5def5;--dark: #2d0d83;--darker: #1b0754;--darkest: #08001f;--text-shadow: 2px 4px 3px rgba(67, 15, 88, .1)}@font-face{font-family:Oswald;src:url(../assets/fonts/Oswald/Oswald-VariableFont_wght.ttf) format("truetype")}@font-face{font-family:Montserrat;src:url(../assets/fonts/Montserrat/Montserrat-VariableFont_wght.ttf) format("truetype")}body{margin:0;padding:0;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}button{background:none;border:none}#pauseBtn{color:#7064e0;font-size:2rem;font-weight:600;padding-top:33px}.pause-button:hover{color:#7064e0a9}#buttons{position:absolute;bottom:0;left:0;padding-bottom:20px;margin-left:30px}.button-up{position:relative;padding:10px;margin:10px auto;height:35px;width:35px;border-radius:50%;transition:all .2s linear}.button-down{position:relative;padding:10px;height:35px;width:35px;transition:all .2s linear;margin-bottom:50px}.button-down:hover{transform:translate3d(0,5px,0)}.button-up:hover{transform:translate3d(0,-5px,0)}.button-up:after,.button-down:after{content:"";position:relative;left:17px;z-index:11;display:block;width:25px;height:25px;border-top:3px solid var(--secondary-color);border-left:3px solid var(--secondary-color)}.button-up:after{top:20px;transform:rotate(45deg)}.button-down:after{top:10px;transform:rotate(225deg)}a,a:visited{color:inherit}.restart .icon{position:absolute;top:0;right:0;padding-right:40px}.nav-row{display:flex}button#start{position:absolute;font-size:1rem;letter-spacing:5px;border:none;border-radius:5px;background-color:var(--darker);color:var(--link-color);cursor:pointer;transition:background-color .3s ease;text-decoration:none;font-family:tt-frantz-b,sans-serif;margin:100px auto}button#start:hover{background-color:var(--darkest)}.restart .icon i{font-size:2rem;color:#8419f0;padding-bottom:5px}.icon{margin:0 auto}#pauseBtn{font-size:1.25rem;margin-top:20px}#pauseBtn:hover{font-size:1.45rem;color:#660fbdc8}.restart .icon i:hover{font-size:2.25rem;color:#660fbdc8}.fi-refresh{font-size:3.5rem;text-align:center;color:#ecf0f1;display:block;padding-right:10px;margin:20px auto}.fi-refresh:hover{-webkit-animation:fi-refresh 1s linear infinite;-moz-animation:fi-refresh 1s linear infinite;-o-animation:fi-refresh 1s linear infinite;animation:fi-refresh 1s linear infinite}@-webkit-keyframes fi-refresh{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fi-refresh{0%{-webkit-transform:rotate(0deg)}to{-webkittransform:rotate(360deg)}}@-moz-keyframes fi-refresh{0%{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(360deg)}}@-o-keyframes fi-refresh{0%{-o-transform:rotate(0deg)}to{-o-transform:rotate(360deg)}}.modal-header{padding:2px 16px;background-color:#040219;color:#fff;font-family:tt-frantz-b,sans-serif}.how-to-restart,.how-to-play,.about{font-family:tt-frantz-b,sans-serif;font-size:2.5rem;letter-spacing:5px;font-weight:400;color:#705ff4}.how-to-restart{margin-top:30px}.how-to-play{padding-top:20px}.modal p{font-size:14px;font-family:futura-pt,sans-serif}.modal-footer{padding:2px 16px;background-color:#040219;color:#fff}.modal{display:none;position:absolute;z-index:100;left:0;top:0;bottom:0;max-width:100%;height:100%;overflow:auto;background-color:#000;background-color:#0006;-webkit-animation-name:fadeIn;-webkit-animation-duration:.4s;animation-name:fadeIn;animation-duration:.4s;margin:0 auto}.modal-content{position:absolute;bottom:0;margin:50px auto 0;top:0;left:0;right:0;max-width:85%;height:80%;-webkit-animation-name:slideIn;-webkit-animation-duration:.4s;animation-name:slideIn;animation-duration:.4s;background-color:#040219}.modal-header{background-color:#040219;border:none;margin-bottom:10px;font-family:Space Grotesk,serif;font-optical-sizing:auto;font-weight:400;text-transform:uppercase;font-style:normal}.modal-body{padding:2px 16px;border:none;background-color:#040219}.modal-footer{padding:2px 16px;background-color:#040219;color:#fff;border:none}span.close{margin-right:50px;float:right;color:#5544d6;font-size:4rem;left:0}.close:hover,.close:focus{color:#2d0d83;text-decoration:none;cursor:pointer}.modal-body{padding:2px 16px}@-webkit-keyframes slideIn{0%{bottom:-300px;opacity:0}to{bottom:0;opacity:1}}@keyframes slideIn{0%{bottom:-300px;opacity:0}to{bottom:0;opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}#score{position:absolute;font-size:1.25rem;top:0;left:0;right:50;max-width:100px;padding-left:50px;padding-top:50px;text-align:center;font-family:Oswald,sans-serif;color:#8679ec;line-height:1.6em}#coverView{position:relative;min-height:100vh}#controls{position:relative}#results{position:absolute;align-items:center;justify-content:center;height:100%;width:100%;background-color:#141414bf;display:none;z-index:51}#results .content{max-width:350px;padding:50px;border-radius:20px}