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(/iPod/static/media/background.f139241c.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%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}to{-webkit-transform:rotateY(1turn);transform:rotateY(1turn)}}@keyframes rotor-pod{0%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}to{-webkit-transform:rotateY(1turn);transform:rotateY(1turn)}}.App{margin:1% auto 0;width:-webkit-min-content;width:min-content;padding:20px 10px 5px;background-color:purple;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:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out}.screen-container{width:350px;height:350px;margin:0 auto;background-image:url(https://e0.pxfuel.com/wallpapers/384/642/desktop-wallpaper-apple-ipad-pro-175-apple-ipod-apple-logo-iphone-thumbnail.jpg);background-position:50%;background-repeat:no-repeat;overflow:hidden}.buttons-container{width:260px;height:260px;border:1px solid grey;margin:10px auto 0;border-radius:50%;position:relative;display:flex;justify-content:center;align-items:center;background-color:#ddd;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out}.center-circle{height:50%;background-color:#5a5a5a;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:#4e4e4e}.left-button{left:0;border-radius:37% 0 0 37%;border:none}.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;color:#4e4e4e}.right-button{right:0;border-radius:0 37% 37% 0;border:none}.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:#4e4e4e}.screen-menu{width:0;height:100%;position:absolute;z-index:5;left:0;background-color:#f89aff;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:#ff0053;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:#36393e;background-size:contain}.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%{-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)}}.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{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.rotate-anti-clockwise{-webkit-transform:rotate(-90deg);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%{-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)}}
/*# sourceMappingURL=main.dfdc46de.chunk.css.map */