@import url(https://fonts.googleapis.com/css2?family=Kaushan+Script&display=swap);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}body{background-image:url(https://github.com/dylangit01/DROP-THE-BEAT/blob/Dylan/feature-16-Rating/client/public/images/backgrounds/starry-night-2.jpg?raw=true);background-size:cover;margin-top:10vh}a,body{color:#fff}a{text-decoration:none}.App{text-align:center;min-height:90vh}.mainNavbarGroup{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;width:100%}.home,.leftNavbarGroup,.rightNavbarGroup{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.home{height:90vh;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center}.home .headphones-img{width:65vmin;opacity:.6;-webkit-animation:beat 1.5s ease 0s infinite;animation:beat 1.5s ease 0s infinite}.home .call-to-action{width:80vmin;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;margin-top:1vmin}.home .call-to-action .question{text-shadow:0 0 5px #fff}@-webkit-keyframes beat{0%,50%,to{-webkit-transform:scale(1);transform:scale(1);opacity:.9}30%,80%{-webkit-transform:scale(.92,.95);transform:scale(.92,.95);opacity:.7}}@keyframes beat{0%,50%,to{-webkit-transform:scale(1);transform:scale(1);opacity:.9}30%,80%{-webkit-transform:scale(.92,.95);transform:scale(.92,.95);opacity:.7}}.playlist{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;padding:10%}.playlist .playlist-footer{margin-top:1rem;width:200px}.heading{padding-top:4vh;text-shadow:0 0 5px #fff}.playlist-page{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;height:90vh;width:100vw}.playlist-page .playlist-name{position:relative;bottom:8vh;text-shadow:0 0 5px #fff}.playlist-page .playlist-page-container{display:-webkit-flex;display:flex;width:100vw;-webkit-justify-content:center;justify-content:center}.playlist-page .playlist-page-left{position:relative;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-align-items:center;align-items:center;height:inherit;width:30vw;margin-right:8rem}.playlist-page .playlist-page-left img{width:inherit;border-radius:16px}.playlist-page .playlist-page-right{-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;min-width:30vw;background-color:rgba(0,0,0,.4);border-radius:16px}.playlist-page .playlist-page-right,.playlist-page .playlist-page-right .game-code-section,.playlist-page .playlist-page-right .songs-section{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.playlist-page .playlist-page-right .game-code-section{-webkit-align-items:center;align-items:center;margin-top:3vh}.game .MuiSnackbarContent-message{text-align:center;margin:auto}.player-list{-webkit-justify-content:flex-start;justify-content:flex-start}.lobby,.player-list{display:-webkit-flex;display:flex}.lobby{-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;height:90vh;width:100vw}.lobby .playlist-name{position:relative;bottom:8vh;text-shadow:0 0 5px #fff}.lobby .lobby-container{width:100vw;-webkit-justify-content:center;justify-content:center}.lobby .lobby-container,.lobby .lobby-left{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.lobby .lobby-left{position:relative;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:flex-end;justify-content:flex-end;height:inherit;width:30vw;margin-right:8rem}.lobby .lobby-left img{width:inherit;border-radius:16px}.lobby .lobby-right{-webkit-flex-direction:column;flex-direction:column;min-width:30vw;background-color:rgba(0,0,0,.4);border-radius:16px}.lobby .lobby-right,.lobby .lobby-right .change-name-form{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.chat-layout{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row}.chat-user{background-color:rgba(0,0,0,.5);-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;height:55vh;width:12vw;margin-right:10px}.chat-msg,.chat-user{display:-webkit-flex;display:flex;border-radius:10px}.chat-msg{-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:flex-end;align-items:flex-end;position:relative;height:60vh}.chat-msg .message-list{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;align-items:flex-start;-webkit-justify-content:flex-end;justify-content:flex-end;width:30vw;height:58vh;overflow:hidden;line-height:1.5rem;padding-left:10px;font-size:medium;margin-top:0}.chat-msg .message-list-item{list-style-type:none;font-size:20px}.chat-msg .chat-input-box,.chat-msg .message-list-item{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.chat-msg .chat-input-box{position:absolute;margin:2vh 0;height:5vh;width:16vw;background-color:#fff;opacity:1;border-radius:10px}.user-list{display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start}.user-list img{width:"2vw";height:"3vh";margin-right:"5px";margin-top:"5px"}.score-box{-webkit-justify-content:space-between;justify-content:space-between;position:relative;height:11vh;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:80%;background-color:hsla(0,0%,74.9%,.2);border-radius:16px;margin:1vh;color:#fff;padding:2%}.score-box,.score-box .scoreDetail{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.score-box .scoreDetail{-webkit-flex-direction:column;flex-direction:column;height:10vh;-webkit-justify-content:space-around;justify-content:space-around;min-width:40%}.score-box .versus{font-family:"Kaushan Script",sans-serif}.round-unknown{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;position:relative}.round-unknown div{position:relative;opacity:.75;height:25vw;width:25vw;border-radius:16px;-webkit-animation:fade-in 3s;animation:fade-in 3s}.round-unknown div .disc{width:inherit;-webkit-animation:spin 2s linear 0s infinite;animation:spin 2s linear 0s infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.round-known{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;position:relative;-webkit-animation:fade-in 5s;animation:fade-in 5s}.round-known img{height:25vw;width:25vw;border-radius:16px}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.audio-player{-webkit-flex-direction:column;flex-direction:column;padding:2vh}.audio-player,.tracklist{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.tracklist{-webkit-flex-direction:row;flex-direction:row}.tracklist-album-cover,.tracklist-album-cover--current,.tracklist-album-cover--finished,.tracklist-album-cover--next{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;position:relative;margin:.5vw;border-radius:8px;width:3.5vw;height:auto;overflow:hidden;opacity:.75}.tracklist-album-cover--current img,.tracklist-album-cover--finished img,.tracklist-album-cover--next img,.tracklist-album-cover img{position:relative;width:inherit;height:inherit}.tracklist-album-cover--current .question-mark,.tracklist-album-cover--finished .question-mark,.tracklist-album-cover--next .question-mark,.tracklist-album-cover .question-mark{position:absolute;-webkit-align-self:center;align-self:center;justify-self:center;font-size:1.5rem;opacity:0}.tracklist-album-cover--finished{width:6vw;height:auto;-webkit-animation:fade-in 5s;animation:fade-in 5s}.tracklist-album-cover--current{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;background-color:#101010;width:6vw;height:auto;opacity:.6}.tracklist-album-cover--current img{opacity:0}.tracklist-album-cover--current .question-mark{font-size:3rem;opacity:1}.tracklist-album-cover--next{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;background-color:#101010;opacity:.6}.tracklist-album-cover--next img{opacity:0}.tracklist-album-cover--current:hover,.tracklist-album-cover--finished:hover,.tracklist-album-cover--next .question-mark,.tracklist-album-cover--next:hover,.tracklist-album-cover:hover{opacity:1}.game-in-progress{display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around}.game-in-progress .right-side{-webkit-align-items:center;align-items:center;position:relative;max-width:550px;background-color:rgba(0,0,0,.5);border-radius:16px;margin-top:2rem;padding:1%}.game-in-progress .left-side,.game-in-progress .right-side{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;height:80vh}.game-in-progress .left-side{width:38vw;-webkit-justify-content:center;justify-content:center}.game-in-progress .left-side .countdown{-webkit-align-self:center;align-self:center;font-size:10rem;text-shadow:2px 2px 5px #fff}.messageContainer{display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end}.messageInput button{margin:20px;padding:10px}.messageInput input{font-size:16px;padding:3px}.chat-input-box{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;height:5vh;width:28vw;background-color:hsla(0,0%,74.9%,.2);border-radius:20px}.chat-input-box .chat-input{border:none;margin:5%;color:#fff;width:60%;background-color:transparent;width:80%}.chat-input-box .chat-input:focus{outline:none}.result{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.result .trophy{width:50vmin;margin-top:2vw;-webkit-animation:beat 1.5s ease 0s infinite;animation:beat 1.5s ease 0s infinite}.result input[type=radio]{display:none}.result .fas.fa-star{cursor:pointer;transition:color .2s;margin:0 3px;transition:all .2s ease-in-out}.result .fas.fa-star:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.result .fas.fa-sync-alt{position:absolute;right:100px;bottom:80px}
/*# sourceMappingURL=main.dca2b2ef.chunk.css.map */