@import"https://fonts.googleapis.com/css2?family=Inconsolata:wght@200..900&display=swap";@font-face{font-family:Gorton;src:url(/fonts/GortonDigitalLight.otf) format("opentype");font-weight:300}@font-face{font-family:Gorton;src:url(/fonts/GortonDigitalRegular.otf) format("opentype");font-weight:400}@font-face{font-family:Gorton;src:url(/fonts/GortonDigitalMedium.otf) format("opentype");font-weight:500}@font-face{font-family:Gorton;src:url(/fonts/GortonDigitalHeavy.otf) format("opentype");font-weight:700}*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;-webkit-user-select:none;user-select:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html,body{height:100%;background-color:#000;font-family:Gorton,monospace}#loading{display:flex;align-items:center;position:fixed;width:100vw;height:100vh;z-index:2;color:#fff;background:radial-gradient(#444,#000)}#loadingContent{font-size:2rem;font-weight:900;margin:auto;text-align:center}*{scrollbar-width:none}*::-webkit-scrollbar{display:none}:root{--font-size-xs: .6rem;--font-size-sm: .75rem;--font-size-base: 1rem;--font-size-lg: 1.1rem;--font-size-xl: 1.2rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 3rem;--spacing-icon: 1rem;--spacing-icon-size: 40px;--min-slider-width: 400px;--album-image-height: 8rem}@media screen and (max-width: 768px){:root{--font-size-xs: .85rem;--font-size-sm: 1rem;--font-size-base: 1.3rem;--font-size-lg: 1.4rem;--font-size-xl: 1.6rem;--font-size-2xl: 2rem;--font-size-3xl: 2.5rem;--font-size-4xl: 3.5rem;--spacing-icon: 1.5rem;--spacing-icon-size: 56px;--min-slider-width: 280px;--album-image-height: 10rem}.scrollContainer{max-width:90vw}}@media screen and (max-width: 480px){:root{--font-size-xs: 1rem;--font-size-sm: 1.1rem;--font-size-base: 1.4rem;--font-size-lg: 1.5rem;--font-size-xl: 1.7rem;--font-size-2xl: 2.2rem;--font-size-3xl: 2.8rem;--font-size-4xl: 3.8rem;--spacing-icon: 2rem;--spacing-icon-size: 60px;--min-slider-width: 240px}}body{margin:0;background:radial-gradient(#444,#000);display:flex;justify-content:center;align-items:center;min-height:100vh;max-height:100vh;overflow:hidden}a{color:#ff69b4}a:hover{opacity:.7}p{margin:2rem 0;font-size:1rem;line-height:2rem;font-weight:100}.scrollContainer{max-width:80vw;overflow:hidden}.scrollText{color:#fff;text-decoration:none;text-align:center;white-space:nowrap;display:inline-flex}.scrollText_animated{animation:backAndForth 30s linear infinite;animation-timing-function:ease-in-out}@keyframes backAndForth{0%{transform:translate(0)}10%{transform:translate(0)}45%{transform:translate(calc(-100% + 200px))}55%{transform:translate(calc(-100% + 200px))}90%{transform:translate(0)}to{transform:translate(0)}}.player{top:-3rem;position:relative;height:95vh;display:flex;align-items:center;flex-direction:column;justify-content:center;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:rgb(75,74,74)}.details{display:flex;align-items:center;flex-direction:column;justify-content:center;margin-top:25px;height:7rem}.track-art{margin:25px;height:250px;width:250px;background-image:url(https://source.unsplash.com/Qrspubmx6kE/640x360);background-size:cover;background-position:center;border-radius:15%}.now-playing{height:1rem;font-size:var(--font-size-base)}.track-name{font-size:var(--font-size-4xl);height:4rem}.track-artist{font-size:var(--font-size-2xl);height:2rem}.buttons{display:flex;flex-direction:row;align-items:center;pointer-events:all;height:8rem}.playpause-track,.prev-track,.next-track{padding:25px;opacity:.8;transition:opacity .2s}.playpause-track:hover,.prev-track:hover,.next-track:hover{opacity:1}.slider_container{display:flex;justify-content:center;align-items:center;pointer-events:all;height:5rem;width:60vw;min-width:var(--min-slider-width)}.seek_slider,.volume_slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;cursor:pointer;outline:none;touch-action:manipulation}.seek_slider{height:16px;background:linear-gradient(to right,#ff69b4,#fff calc(var(--value, 0) * 1%),#000 calc(var(--value, 0) * 1%),#333 40%);border-radius:0 1rem;position:relative;z-index:2;padding:8px 0}.volume_slider{height:5px;background:#333;border-radius:2px}.seek_slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:28px;background:transparent;border-radius:1px;cursor:pointer}.volume_slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:15px;height:15px;background:transparent;border-radius:50%;cursor:pointer}.seek_slider::-moz-range-thumb{width:18px;height:28px;background:#fff;border:none;border-radius:1px;cursor:pointer}.volume_slider::-moz-range-thumb{width:15px;height:15px;background:#fff;border:none;border-radius:50%;cursor:pointer}.seek_slider::-moz-range-track{background:transparent;border:none}.volume_slider::-moz-range-track{background:transparent;border:none}.volume_slider{width:30%}.current-time,.total-duration{padding:10px;height:1.5rem;display:flex;align-items:center;min-width:4rem;max-width:4rem;overflow:hidden}i.fa-volume-down,i.fa-volume-up{padding:10px}i.fa-play-circle,i.fa-pause-circle,i.fa-step-forward,i.fa-step-backward{cursor:pointer}@media screen and (max-width: 768px){.player{top:-5rem}.track-artist{text-align:center}.slider_container{width:85vw;height:6rem}.seek_slider{height:20px;padding:10px 0}.seek_slider::-webkit-slider-thumb{width:24px;height:36px}.seek_slider::-moz-range-thumb{width:24px;height:36px}.buttons{height:10rem}.playpause-track,.prev-track,.next-track{padding:30px}.current-time,.total-duration{min-width:5rem;max-width:5rem;font-size:var(--font-size-base)}}@media screen and (max-width: 480px){.slider_container{width:90vw}.buttons{height:12rem}}