body{margin:0;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif}button{border:none;transition:all .2s}button:active{transform:scale(.9)}.flex-row{align-items:center;gap:15px;margin:2px;display:flex}.flex-col{flex-direction:column;align-items:center;display:flex}.icon{background-color:#0000}.App{flex-direction:column;min-height:100vh;display:flex}.time-range-options button{border-radius:5px;padding:5px 10px}.time-range-options button:hover{background-color:var(--background-sidenav)}.limit-input{all:unset;text-align:center}@keyframes glow{0%{text-shadow:0 0 0 var(--text-glow)}to{text-shadow:0 0 50px var(--text-glow)}}.text-glow{transition:all 1s ease-out}.text-glow:hover{animation:2s ease-in infinite alternate glow}button{transition:all .2s}.top-nav{background-color:var(--spotify-green);z-index:1000;justify-content:space-between;align-items:center;height:60px;padding:0 20px;display:flex;position:fixed;top:0;left:0;right:0}.hamburger{display:block}.side-nav-container{z-index:1001;box-sizing:border-box;width:350px;height:calc(100vh - 60px);margin-top:60px;padding:10px;transition:transform .3s;position:fixed;top:0;left:0;transform:translate(-100%)}.side-nav{background-color:var(--background-sidenav);box-sizing:border-box;width:100%;height:100%;box-shadow:0 0 10px var(--shadow);border-radius:20px;padding:0;overflow-y:scroll}.side-nav h1{margin:0;padding:10px}.side-nav-container.open{transform:translate(0)}.container{flex:1;margin-top:60px;display:flex}.main-content{background-color:var(--background-main);box-sizing:border-box;flex:1;min-height:calc(100vh - 60px);margin-left:0;padding:20px}.menu-options{text-align:center;width:90%}.menu-item{color:var(--shadow);text-decoration:none;transition:all .2s}.menu-item:hover{color:var(--dark-green);text-shadow:0 0 100px var(--pistachio)}button.login{color:#fff;border:1px solid var(--shadow);background-color:var(--dark-green);border-radius:50px;margin-bottom:10px;padding:5px 20px}button.login:hover{background-color:var(--spotify-green);color:#000;transform:scale(1.05)}@media (width>=768px){.hamburger{display:none}.side-nav-container{transform:translate(0)}.main-content{margin-left:350px}}@media (width<=767px){.side-nav-container.open{width:calc(100vw - 40px)}}.current-track{margin:20px 0}.current-track h1{margin:0;padding:0;font-size:1.1em;font-weight:700}.current-track h2{margin:0;padding:0;font-size:.9em;font-style:italic;font-weight:400}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.curr-track-art:hover{animation:8s linear infinite spin}.track-art:hover{animation:1s ease-out spin}html,body{font-family:Helvetica Neue,Helvetica,Arial,sans-serif}:root{--background-main:#fff;--background-sidenav:#c2dccc;--shadow:#0c5e27;--spotify-green:#1ed760;--pistachio:#f5fff1;--dark-green:#22af51;--black:#121212;--text-glow:#6ada3e}