@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400%3B700&display=swap";@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono&display=swap";.title{display:flex;flex-direction:row;justify-content:center;align-items:center}@media only screen and (max-width:1024px){.title{flex-direction:column}}.title-avatar{border-radius:50%;background-color:#8080801a;border:2px solid var(--accent);margin:16px}.title-header{font-size:3rem}.highlight{color:var(--accent);text-decoration-color:var(--accent)}.now-playing{position:absolute;bottom:4px;right:4px;height:64px;padding:8px;max-width:50vw;display:flex;flex-direction:row;align-items:center;text-align:end;font-weight:400}@media only screen and (max-width: 1024px){.now-playing{display:none}}.music-cover{margin-left:4px;border-radius:8px}.smol{font-size:.9em}.recently-played{font-size:24px;margin-left:16px;color:var(--accent)}.music-bars{display:flex;flex-direction:row;vertical-align:bottom;height:26px}.music-bars>span{display:block;width:8px;margin-left:8px;height:4px;margin-top:22px;background-color:var(--accent)}@media (prefers-reduced-motion: no-preference){.music-bars>span{animation:music-bar 1s linear infinite}}@media (prefers-reduced-motion: reduce){.music-bars>.bar-1{height:4px;margin-top:22px}.music-bars>.bar-3{height:15px;margin-top:11px}.music-bars>.bar-2{animation-delay:.75s;height:26px;margin-top:0}}.music-bars>.bar-1{animation-delay:.25s}.music-bars>.bar-3{animation-delay:.5s}.music-bars>.bar-2{animation-delay:.75s}@keyframes music-bar{0%{height:4px;margin-top:22px}50%{height:26px;margin-top:0}to{height:4px;margin-top:22px}}.shoe{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%}.feet{margin:8px 0;padding:8px 0;width:95%;border-top:2px solid var(--accent)}html,body{width:100%;padding:0;margin:0;background:#282C34;font-family:Roboto,Helvetica Neue,arial,sans-serif;font-weight:400;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}code{font-family:JetBrains Mono,monospace}#app{text-align:center;background-color:#282c34;color:#fff}a{color:#fff}b{font-weight:700}.page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.page-content{width:95%;max-width:960px;display:flex;flex-direction:column;align-items:flex-start;text-align:left}.updown{font-size:1.5rem}.updown>a{text-decoration:none;color:var(--accent)}.updown>a>svg{transition:transform .1s ease}.up:hover>a>svg{transform:translateY(-4px)}.down:hover>a>svg{transform:translateY(4px)}svg:not(:root).svg-inline--fa{overflow:visible}.svg-inline--fa{display:inline-block;font-size:inherit;height:1em;overflow:visible;vertical-align:-.125em}