@import url(https://fonts.googleapis.com/css2?family=Lobster&display=swap);@import url(https://fonts.googleapis.com/css2?family=Kanit:wght@300&family=Lobster&display=swap);*{-webkit-user-drag:none;box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none}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:auto;overflow:hidden}body::-webkit-scrollbar{display:none;overflow:hidden}.bottom-container,.controller,.controller-container,.display,.display-container,.display>img,.ipod,.menu,.top-container{transition:all 2s linear}.ipod{align-items:center;background:linear-gradient(90deg,#e3e4e5,#cacaca);border-radius:10%;display:flex;flex-direction:column;height:580px;justify-content:center;margin:40px auto auto;width:370px}.ipod .top-container{border-radius:10%;border-top-left-radius:10%;border-top-right-radius:10%;height:50%}.ipod .display-container,.ipod .top-container{align-items:center;background:linear-gradient(90deg,#e3e4e5,#cacaca);display:flex;flex-direction:column;justify-content:center;width:100%;z-index:2}.ipod .display-container{border-radius:10%;height:100%}.display{background:linear-gradient(45deg,#e3e4e5,#cacaca);border-top-right-radius:10%;position:relative;width:100%;z-index:2}.display,.menu{border-top-left-radius:10%;height:100%}.menu{background-color:#fff;display:flex;flex-direction:column;font-family:Lobster,cursive;justify-content:space-around;position:absolute;top:0;width:40%;z-index:10}.hide{display:none}#options{align-items:center;display:inline-flex;font-family:Kanit,sans-serif;font-weight:bolder;height:3rem;justify-content:space-between}#options img{display:none;height:10px;margin-right:15px;width:10px}.ipod .bottom-container{-webkit-box-reflect:below -5px linear-gradient(transparent,transparent,#0004);height:50%}.ipod .bottom-container,.ipod .controller-container{align-items:center;border-bottom-left-radius:10%;border-bottom-right-radius:10%;display:flex;flex-direction:column;justify-content:center;width:100%;z-index:0}.ipod .controller-container{-webkit-filter:brightness(100%);filter:brightness(100%);height:100%}.ipod .controller-container .controller{background:linear-gradient(45deg,#cacaca,gray);position:relative}.ipod .controller-container .controller,.ipod .controller-container .controller .inner-circle{align-items:center;border-radius:50%;display:flex;flex-direction:column;justify-content:center}.ipod .controller-container .controller .inner-circle{background:linear-gradient(200deg,#cacaca,gray);cursor:pointer}.down{box-shadow:inset 0 0 10px rgba(0,0,0,.2);-webkit-transform:translateY(3px);transform:translateY(3px);transition:.18s ease-in-out}.menu-btn{position:absolute;top:20px}.play-pause{bottom:12px;position:absolute}.forward{position:absolute;right:7px}.backward{left:8px;position:absolute}.progress{background-color:red;border-radius:50px;height:100%;transition:width .1s linear;width:0}.music-player img{box-shadow:0 0 12px 7px #fff}
/*# sourceMappingURL=main.5f7fa5a4.css.map*/