body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}#root,.App,body,html{height:100%}#root{display:flex;flex-direction:column;align-items:center}.App{text-align:center;background-repeat:no-repeat;background-position:50%;background-size:cover;width:900px;overflow:scroll}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.auth{display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:"Permanent Marker",cursive;color:#55c5d4}.auth h1{margin-top:250px;font-size:80px;text-shadow:4px 4px #ff65c3}.auth form{margin-top:0;border:2px solid #000;border-radius:30px;width:500px;display:flex;flex-direction:column;align-items:center;padding:10px;color:#000}.inputs{display:flex;flex-direction:row}.buttons,.inputs label{padding:10px}.buttons{display:flex;flex-direction:row}.buttons button{margin:10px;border-radius:20px;cursor:pointer;font-family:"Permanent Marker",cursive;font-size:15px;background-color:#ff65c3;border:1px solid #000;height:45px;box-shadow:8px 8px #eb2ec5}.buttons button:hover{animation:shake .5s;animation-iteration-count:infinite}@keyframes shake{0%{transform:translate(1px,1px) rotate(0deg)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0deg)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0deg)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0deg)}to{transform:translate(1px,-2px) rotate(-1deg)}}.auth form button{width:200px}.track{display:block}.song-hidden{display:none}.nav-list{list-style-type:none;display:flex;align-items:center;justify-content:center;font-family:"Permanent Marker",cursive;font-size:30px}.nav-list li{margin-top:36px;text-decoration:none}.nav-list li:hover{animation:shake .5s;animation-iteration-count:infinite}.link{text-decoration:none;border-radius:20px;border:1px solid #000;height:45px;box-shadow:8px 8px #f4a906;animation:shake .5s;animation-iteration-count:infinite}.link,.logout-button{margin:10px;cursor:pointer;font-family:"Permanent Marker",cursive;font-size:30px;background-color:#f7ee40;padding:7px}.logout-button{border-radius:20px;height:55px;width:200px;border-color:#00f red green purple;border-style:solid;border-width:6px}.logout-button:hover{animation:shake .5s;animation-iteration-count:infinite}.selection-page{display:flex;flex-direction:column;align-items:center}.selection-page h2{margin-top:70px;font-size:30px;color:#55c5d4;box-shadow:6px 6px #ffbb0e;text-shadow:1px 1px #ff65c3}.blurb,.selection-page h2{font-family:"Permanent Marker",cursive}.blurb{width:500px;border:1px solid #000;border-radius:20px;background-color:#61dafb;padding:10px;margin-bottom:50px;display:flex;flex-direction:row}.blurb img{width:200px;padding:10px}.game-choices{display:grid;grid-template-columns:10rem 10rem;grid-gap:4rem}.game-choices a:hover{animation:shake .5s;animation-iteration-count:infinite}a{text-decoration:none}.choice{border-radius:20px;cursor:pointer;font-family:"Permanent Marker",cursive;font-size:25px;background-color:#ff65c3;border:1px solid #000;height:80px;width:200px;box-shadow:8px 8px #eb2ec5;margin:5px;text-align:center;text-justify:center};a:hover{animation:shake .5s;animation-iteration-count:infinite}.game-page h2{font-family:"Permanent Marker",cursive;font-size:30px;color:#55c5d4;box-shadow:6px 6px #ffbb0e;text-shadow:1px 1px #ff65c3}.current-game-state{width:580px;display:flex;flex-direction:row;justify-content:space-between}.form-and-stuff form{color:#eb2ec5;text-shadow:1px 1px #61dafb}.form-and-stuff form,.game-button{font-family:"Permanent Marker",cursive}.game-button{border-radius:20px;cursor:pointer;font-size:25px;background-color:#ff65c3;border:1px solid #000;height:50px;width:200px;box-shadow:8px 8px #eb2ec5;margin:5px;text-align:center;text-justify:center}.game-button:hover{animation:shake .5s;animation-iteration-count:infinite}.final-button{border-radius:20px;cursor:pointer;font-family:"Permanent Marker",cursive;font-size:25px;background-color:#ff65c3;border:1px solid #000;height:90px;width:200px;box-shadow:8px 8px #eb2ec5;margin:5px;text-align:center;text-justify:center}.final-button:hover{animation:shake .5s;animation-iteration-count:infinite}.correct-wrong{display:flex;flex-direction:row;justify-content:center;align-items:center}.correct-wrong img{height:80px}.leaderboard{display:flex;flex-direction:column;justify-content:center;align-items:center}.leaderboard h2{margin-top:70px;font-family:"Permanent Marker",cursive;font-size:30px;color:#55c5d4;box-shadow:6px 6px #ffbb0e;text-shadow:1px 1px #ff65c3}.leader-div{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:10px}.found{justify-content:center;align-items:center;margin:50px}.found,.wrapper-music{display:flex}.profile-pic{width:100px}.about-page h2{margin-top:70px;font-family:"Permanent Marker",cursive;font-size:50px;color:#55c5d4;text-shadow:1px 1px #ff65c3}.devs{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;padding-left:100px;padding-right:100px}.dev{border:1px solid #000;background:#61dafb;box-shadow:4px 4px #282c34;border-radius:20px}.about-text,.wrapper-music{font-size:15px}.about-text,.dev-name,.wrapper-music{font-family:"Permanent Marker",cursive}.dev-name{font-size:20px}.wiz{display:flex;flex-direction:row;justify-content:center;align-items:center}.wiz img{height:80px}.outer-count-bar-container{height:30px;width:400px;background-color:#ff65c3;border:1px solid #61dafb;border-radius:20px;margin-top:18px}.inner-count-bar-container{height:100%;background-color:#61dafb;border:1px solid #61dafb;border-radius:20px}.radio{flex-direction:row;justify-content:left}.game-page,.radio{display:flex;align-items:center}.game-page{flex-direction:column;justify-content:center}
/*# sourceMappingURL=main.5c6445d9.chunk.css.map */