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{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{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}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--white:#fff;--active-color:#00aeb0}*{box-sizing:border-box}html{background:#00aeb0;background:var(--active-color);font-family:Arial,Helvetica,sans-serif;height:100%;transition:background .4s ease}button{background:none;border:none;cursor:pointer}input[type=range]{background:#3b7677;border-radius:8px;cursor:pointer;height:5px;margin-bottom:10px;transition:background .2s ease;width:100%}.audio-player{border-radius:20px;box-shadow:0 28px 28px #0003;color:#fff;color:var(--white);margin:auto;max-width:350px;padding:24px}.artwork{border-radius:120px;display:block;height:200px;margin:auto;width:200px}.track-info{position:relative;text-align:center;z-index:1}.title{font-weight:700;margin-bottom:4px}.artist{font-weight:300;margin-top:0}.audio-controls{display:flex;justify-content:space-between;margin:0 auto 15px;width:75%}.audio-controls .next svg,.audio-controls .prev svg{height:35px;width:35px}.audio-controls .pause svg,.audio-controls .play svg{height:40px;width:40px}.audio-controls path{fill:#fff;fill:var(--white)}.color-backdrop{background:linear-gradient(45deg,#00aeb0 20%,#0000) no-repeat;background:linear-gradient(45deg,var(--active-color) 20%,#0000 100%) no-repeat;bottom:0;left:0;position:absolute;right:0;top:0;z-index:-1}.color-backdrop.playing{animation:colorChange 20s infinite alternate}@keyframes colorChange{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(1turn)}}
/*# sourceMappingURL=main.2b99222f.css.map*/