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;background-image:url(/static/media/3624579.b3d72ad5.jpg);background-size:cover;background-repeat:no-repeat;background-position:50%;background-attachment:fixed}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}@-webkit-keyframes rotor-pod{0%{transform:rotateY(0deg)}to{transform:rotateY(1turn)}}@keyframes rotor-pod{0%{transform:rotateY(0deg)}to{transform:rotateY(1turn)}}.App{margin:1% auto 0;width:-webkit-min-content;width:-moz-min-content;width:min-content;padding:20px 10px 5px;background-image:url(https://w0.peakpx.com/wallpaper/501/712/HD-wallpaper-krishna-feather-peacock.jpg);box-shadow:0 0 12px 2px #000;-webkit-animation-name:rotor-pod;animation-name:rotor-pod;-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.App,.screen-container{border-radius:20px;background-size:cover;position:relative;transition:transform .2s ease-in-out}.screen-container{width:350px;height:350px;margin:0 auto;background-image:url(data:image/jpeg;base64,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);background-position:50%;background-repeat:no-repeat;overflow:hidden}.buttons-container{width:260px;height:260px;border:1px solid #19d184;margin:10px auto 0;border-radius:50%;position:relative;display:flex;justify-content:center;align-items:center;background-color:#61ca0b;transition:transform .2s ease-in-out}.center-circle{height:50%;background-color:#141461;border-radius:inherit;color:#fff;border:none}.center-circle,.menu-button{width:50%;display:flex;justify-content:center;align-items:center;outline:none}.menu-button{position:absolute;top:0;height:25%;border-radius:37% 37% 0 0;font-size:30px;border:none;background-color:transparent;color:#000}.left-button{left:0;border-radius:37% 0 0 37%;border:none;color:#050505}.left-button,.right-button{position:absolute;width:25%;height:50%;display:flex;justify-content:center;align-items:center;font-size:30px;outline:none;background-color:transparent}.right-button{right:0;border-radius:0 37% 37% 0;border:none;color:#000}.play-pause{position:absolute;bottom:0;height:25%;width:50%;display:flex;justify-content:center;align-items:center;border-radius:0 0 37% 37%;font-size:30px;outline:none;border:none;background-color:transparent;color:#000}.screen-menu{width:0;height:100%;position:absolute;z-index:5;left:0;background-color:#fff;box-shadow:none;overflow-x:hidden;transition:width .2s ease-in-out}.width-50{width:50%!important;box-shadow:0 0 12px 1px #525252!important}.screen-menu>div{display:flex;justify-content:center;align-items:center;width:100%;height:20%;border:1px solid #bebebe;box-sizing:border-box;white-space:nowrap}.screen-menu p{font-size:20px;overflow-wrap:normal}.screen-menu>.selected{background-color:#5959ff}.app-logo{background-color:#390e70;color:#fff;font-size:large}.screen-game{background-color:hsla(0,0%,100%,.9)}.screen-game,.screen-music{height:100%;width:100%;box-sizing:border-box;overflow:hidden}.screen-music{background-color:#ff0015}.all-songs,.screen-coverflow,.screen-setting{height:100%;width:100%;background-color:hsla(0,0%,100%,.9);box-sizing:border-box;overflow:hidden}.all-songs-heading{padding-bottom:10px;background-color:#6610f2;margin:0;height:10%;color:#fff}.all-songs-list{background-color:#343a40;height:86%}.all-songs-list>div{display:flex;justify-content:center;align-items:center;border:1px solid #000;width:1005;height:14%;color:#fff}@-webkit-keyframes highlight{0%{color:#ff4500}50%{color:#fff}to{color:#ff4500}}@keyframes highlight{0%{color:#ff4500}50%{color:#fff}to{color:#ff4500}}.instruction-all-songs{height:20%;background-color:#17a2b8;color:#fff;-webkit-animation-name:highlight;animation-name:highlight;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-play-state:running;animation-play-state:running}.selected-song{background-color:#007bff}.screen-music>h2{background-color:#424242;margin:0 0 10px;padding:10px;color:#fff!important}.song-image{width:50%;height:50%;margin-left:auto;box-shadow:0 0 12px 5px grey;margin-right:auto;border-radius:20px}.song-image>img{border-radius:inherit;height:100%;width:100%}#audio{outline:none}.screen-music-instruction>p{margin:0;-webkit-animation-name:highlight;animation-name:highlight;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-play-state:running;animation-play-state:running}@-webkit-keyframes background-gradient-animation{0%{background-color:#ff1d58}20%{background-color:#f75990}40%{background-color:#fff685}60%{background-color:#0df}80%{background-color:#0049b7}to{background-color:#ff1d58}}@keyframes background-gradient-animation{0%{background-color:#ff1d58}20%{background-color:#f75990}40%{background-color:#fff685}60%{background-color:#0df}80%{background-color:#0049b7}to{background-color:#ff1d58}}.colored{transition:background-color .2s ease-in-out;-webkit-animation-name:background-gradient-animation;animation-name:background-gradient-animation;-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;opacity:.9}.colored,.colored svg{color:#fff}.colored .center-circle{background-color:#000}.albums-screen,.artists-screen{background-color:#fff;opacity:.8;width:100%;height:100%}.loader{border:16px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;width:120px;height:120px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;margin-left:auto;margin-right:auto}@-webkit-keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-screen{background-color:#fff;opacity:.8;width:100%;height:100%}.loading-screen h1{margin:0;font-size:50px}.screen-game>div{font-size:180px;color:red}.screen-game h1{margin:0}.screen-game>div>svg{-webkit-box-reflect:below -68px -webkit-gradient(linear,right top,right bottom,from(transparent),to(hsla(0,0%,100%,.4)))}.screen-setting>h1{margin:0}.screen-setting>div{font-size:150px;color:#868686}.screen-setting>div>svg{-webkit-box-reflect:below 0 -webkit-gradient(linear,right top,right bottom,from(transparent),to(hsla(0,0%,100%,.4)))}.screen-coverflow>h1{margin:0}.screen-coverflow>div{font-size:150px;color:#ff9100}.screen-coverflow>div>svg{-webkit-box-reflect:below 0 -webkit-gradient(linear,right top,right bottom,from(transparent),to(hsla(0,0%,100%,.4)))}.artists-screen>h1{margin:0}.artists-screen>div{font-size:180px;color:#ae00ff}.artists-screen>div>svg{-webkit-box-reflect:below 0 -webkit-gradient(linear,right top,right bottom,from(transparent),to(hsla(0,0%,100%,.4)))}.albums-screen>h1{margin:0}.albums-screen>div{font-size:180px;color:#ae00ff}.albums-screen>div>svg{-webkit-box-reflect:below 0 -webkit-gradient(linear,right top,right bottom,from(transparent),to(hsla(0,0%,100%,.4)))}.rotate{position:absolute;right:10%;top:60%;width:30px;height:30px;border-radius:100%;outline:none;border:none}.rotate-clockwise{transform:rotate(90deg)}.rotate-anti-clockwise{transform:rotate(-90deg)}.App{text-align:center}.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{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}@-webkit-keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.bc2a86b8.chunk.css.map */