body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background:url(https://assets-global.website-files.com/614716f50b4f49202fdd0087/616949393cf90643c1403605_6423.png);background-repeat:no-repeat;background-size:cover;display:flex;height:100vh;justify-content:center;padding-bottom:65px;text-align:center;width:100vw}.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{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.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)}}.information-container{position:absolute;transition:all .8s ease-in-out;z-index:2}.info-div{background-color:rgba(86,50,168,.95);border:5px solid #000;border-radius:20px;color:#fff;font-size:15.5px;font-weight:600;height:666px;line-height:25px;overflow:scroll;padding:10px;transition:all .3s ease-in-out;width:350px}ol,ul{margin:0}.info-div h3,.info-div li{margin:15px}ul{padding:0}ol{padding-left:15px}li a{color:#fff;text-decoration:none}#info-btn{border:none;border-radius:10px;cursor:pointer;font-size:25px;margin-top:10px;padding:4px 10px;text-align:center}#info-btn:hover{background-color:#b5b5b5}.case-container{height:742px;width:370px}.case{-webkit-box-reflect:below 12px -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(70%,transparent),to(rgba(177,56,56,.085)));align-items:center;border:2px solid #9e9e9e;border-radius:20px;box-shadow:0 0 20px 2px #fff;display:flex;flex-direction:column;height:692px;justify-content:space-between;margin-left:-2px;margin-top:55px;width:370px}h1{color:#fff}#wheel-container{background-color:#f0f8ff;box-shadow:0 0 5px 1px #fff;margin-bottom:25px}#wheel-container,.wheel{border-radius:50%;height:230px;position:relative;width:230px}.wheel{background-color:#fff;cursor:pointer}#select-button{background:url(https://media.istockphoto.com/photos/blue-textured-background-picture-id1169630303?k=20&m=1169630303&s=612x612&w=0&h=Y7t-JqwJ69HP4L1lCu7dUAa0GV6GafQosWto7BrT_mc=);border-radius:50%;box-shadow:inset 0 0 5px 1px #fff;cursor:pointer;height:110px;left:60px;position:absolute;top:60px;width:110px}#select-button:active{-webkit-transform:scale(.95);transform:scale(.95)}.controls{cursor:pointer;font-size:35px;font-weight:900;position:absolute}#menu-button{left:100px;top:9.25px}#forward-button{right:12.5px;top:94.25px}#backward-button{left:12.5px;top:94.25px}#play-pause-button{left:90px;top:175.25px}.display{background-position:50%;background-repeat:no-repeat;background-size:cover;border:5px solid #000;border-radius:10px;box-shadow:0 0 7px 2px #fff;display:flex;flex-direction:column;height:330px;margin-top:25px;overflow:hidden;position:relative;width:330px}.blank-div,.display{background-color:#fff}.blank-div{height:270px;padding:10px;text-align:center;width:310px}.empty-text{color:#000;text-align:center}.bar{background-color:#fff;border-bottom:1px solid #000;height:30px;min-height:20px;width:330px}.bar,.heading{align-items:center;display:flex;justify-content:space-between}.heading{font-size:16px;padding-left:10px;width:60px}.battery{font-size:1.4rem;height:20px;width:31px}.right-container-nav{align-items:center;display:flex;justify-content:space-between;padding-right:10px;width:60px}.play-pause-nav{font-size:20px;margin-right:10px}.notification,.play-pause-nav{color:#039be5;text-align:center}.notification{margin:auto;padding:0}.menu-container{display:flex}.leaf,.main-menu{background-color:#fff;height:290px;width:163px}.leaf{border-left:4px solid #000}.main-menu ul{height:290px;padding:0}.main-menu li{font-size:1.4rem;height:46.5px;margin:5px;padding-top:19.5px}.main-menu .active{background-color:#3796dc;border-radius:8px;color:#fff;font-weight:900}.leaf-img{border:5px solid #fff;border-radius:20px;height:280px;width:155px}.music{background-color:#fff;height:290px;overflow:visible;width:331px}.music ul{height:220px;list-style:none;overflow:scroll;padding:0;position:relative;width:100%}.music .active{background-color:#3796dc;border-radius:8px;color:#fff;font-weight:900}.music li{font-size:1.4rem;height:48px;margin:5px;padding-top:19.5px}#song-menu{background-color:#fff;height:290px;overflow:visible;width:331px}#song-menu h2{font-size:1.8rem;margin:10px}#song-menu ul li{font-size:1.3rem;height:28px;margin:5px;padding-bottom:3px;padding-top:3px}#song-menu .active{background-color:#3796dc;border-radius:8px;color:#fff;font-weight:900}.settings{background-color:#fff;height:290px;overflow:visible;width:331px}.settings ul{height:220px;list-style:none;overflow:scroll;padding:0;position:relative;width:100%}.settings .active{background-color:#3796dc;border-radius:8px;color:#fff;font-weight:900}.settings li{font-size:1.4rem;height:48px;margin:5px;padding-top:19.5px}.now-playing-container{background-color:#e3f2fd;height:300px;width:330px}.song-details{align-items:center;display:flex;flex-direction:column;padding:10px}.song-details img{border-radius:10px;height:200px;margin:auto;width:250px}.song-details h1{color:#000;font-size:20px;margin-bottom:0;margin-top:10px}.status{align-items:center;display:flex;font-size:1.2rem;justify-content:center;width:100%}#currentTimeRender{padding-left:8px;width:60px}#progress{background-color:gray;border-radius:5px;height:5px;margin:0 8px;position:relative;width:230px}#durationRender{padding-right:8px;width:60px}#progress-bar{background-color:#039be5;border-radius:500px;height:5px;position:relative}#progress-circle{background-color:#039be5;border-radius:50%;height:10px;margin-top:-2.5px;position:absolute;right:-5px;width:10px}.theme{background-color:#fff;height:290px;overflow:visible;width:331px}.theme h2{margin:15px}.theme ul{height:230px;list-style:none;overflow:scroll;padding:0;position:relative;width:100%}.theme .active{background-color:#3796dc;border-radius:8px;color:#fff;font-weight:900}.theme li{font-size:1.4rem;height:32px;margin:5px;padding:10px}.lock-display{color:#fff;font-size:100px;height:240px}.bottom-div-lock,.lock-display{align-items:center;display:flex;justify-content:center;width:330px}.bottom-div-lock{background-color:#fff;font-size:18px;height:50px}
/*# sourceMappingURL=main.7f580140.css.map*/