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}.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)}}:root{--bgcolor:#000;--ipodcolor:linear-gradient(#e3e3e3,#d6d6d6)}.ip{-webkit-animation:descend 2.5s ease 0s 2 normal none running;animation:descend 2.5s ease 0s 2 normal none running;position:relative;max-height:36.5em;width:370px;box-shadow:inset 0 0 2.4em #000;-webkit-box-reflect:below 0 -webkit-gradient(linear,0 0,0 100%,from(transparent),color-stop(.5,transparent),to(hsla(0,0%,98%,.5)));margin:auto;border-radius:30px;background:linear-gradient(#e3e3e3,#d6d6d6);background:var(--ipodcolor)}.bodyy,.ip{height:100vh}.bodyy{padding-top:7vh;background:#000;background:var(--bgcolor);width:100%;overflow-y:hidden;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media only screen and (max-width:400px){.bodyy{padding-top:0}}:root{--wheelcolor:#fff;--wheelbutton:#dcdcdc}.wheelBody{height:50%;width:100%;display:flex;justify-content:center;align-items:center;touch-action:none}.wheel{background-color:#fff;background-color:var(--wheelcolor);height:230px;border-radius:50%;width:230px}.innerWheel{position:absolute;top:290px;bottom:0;left:0;right:0;width:88px;height:88px;margin:auto;border-radius:50%;background:#dcdcdc;background:var(--wheelbutton);border-image:none;border-image:initial}.midRow{display:flex;flex-direction:row;height:60%;width:100%}.menu{top:60%;margin:0 0 0 91px}.menu,.playPause{position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;max-height:13px}.playPause{bottom:10%;margin:0 auto 0 100px}.fastForw{right:8%;margin:108px 60px 0 0}.fastForw,.rewind{position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;max-height:13px}.rewind{margin:110px 0 0 20px}.body{height:50%;width:100%;display:flex;justify-content:center;align-items:center}.screen{border:1px solid #818080;width:92%;border-radius:15px 15px 15px 15px;background-color:#fff;z-index:100;height:92%}.l-s-container{height:100%;width:50%;box-shadow:5px 0 5px -5px;z-index:1}.top-div{width:100%;height:10%;background:linear-gradient(#feffff,#b1b6b9);border-radius:10px 0 0 0;box-sizing:border-box;padding:4px;font-weight:700;font-size:15px}.nav-div{width:100%;height:90%}.tot-sc{height:100%;width:100%;display:flex}.play{height:10px}.battery,.play{width:22px;margin-top:5px;float:right}.nav-el{background:#fff;font-weight:700;color:#000;margin:0;height:25px;display:flex;justify-content:left;border-radius:15px}.active{background:linear-gradient(#3cb8ff,#347ab5);color:#fff;border-radius:0}.txt{margin-top:4px;margin-left:2px;width:100%}.r-arrow{float:right;height:20px;margin-bottom:2px}.r-sc{width:50%;background-color:#000;border-radius:0 15px 15px 0}.right-img{width:100%;height:100%;box-shadow:inset 5px 5px 5px -5px;border-radius:0 15px 10px 0}.coverflowImage{display:"block";width:"100px";height:"300px";border:2px solid #000}.myStyle{height:100px}.coverflow__container__1P-xE{border-radius:15px 15px 15px 15px;touch-action:none;pointer-events:none}.play2{height:10px;margin-top:5px;margin-left:215px}.play2,.scrub{position:absolute}.scrub{margin-top:240px;margin-left:10px;z-index:2}.gloss{width:100%}.over{position:absolute;margin-top:240px;margin-left:10px;width:290px;height:20px;background:hsla(0,0%,100%,.308);z-index:1;border-radius:5px}.about-us,.ls-music,.setting-ls{height:100%}.about-us{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto;background-color:#000;border-radius:15px;color:#fff}.music-btn{background:#fff;border:#fff;position:absolute;margin-top:128%;margin-right:-2px}.music-btn:focus{outline:none}.play3{position:absolute;margin-top:190px}.game-area{box-sizing:border-box;position:relative;margin:0 auto;width:340px;height:270px;border:20px solid #000;border-radius:15px}.snake-dot{background-color:#000;z-index:2}.snake-dot,.snake-food{position:absolute;height:4%;width:4%;border:1px solid #fff}.snake-food{background-color:red;z-index:1}.play-screen{height:100%;width:100%}.p-t-div{width:100%;height:10%;background:linear-gradient(#feffff,#b1b6b9);border-radius:10px 0 0 0;font-weight:700;font-size:15px}.p-screen{width:100%;height:90%;background-color:#fff;border-radius:0 0 15px 15px}.p-over{position:absolute;width:250px;margin-bottom:20px;background-color:rgba(0,0,0,.075)}.p-over,.p-scrub{margin-top:200px;margin-left:44px;height:15px}.l-t,.r-t{font-size:12px;color:#000;font-weight:700}.per{height:150px;width:150px;margin-left:50px}.cover-art,.per{position:absolute;perspective:100px}.cover-art{height:120px;width:120px;background-color:grey;margin-top:30px;transform-style:preserve-3d;transform:rotateY(10deg);-webkit-box-reflect:below 0 -webkit-gradient(linear,0 0,0 140%,from(transparent),color-stop(.5,transparent),to(hsla(0,0%,98%,.5)))}.cover-art:before{display:block;color:#000}.cover-img{height:100%;width:100%}.song-name{font-size:16px;margin-top:60px}.artist,.song-name{position:absolute;margin-left:210px;width:100px;overflow-wrap:break-word}.artist{color:grey;font-size:12px;margin-top:100px}.p-b{margin-right:5px}.p-b,.p-pa{margin-top:8px}.me2{margin-left:146.5px}.r2{margin-left:75px}.f2,.r2{margin-top:150px}
/*# sourceMappingURL=main.611a748a.chunk.css.map */