.login-button{background-color:#1db954;border:none;border-radius:1rem;color:#fff;font-size:1.5rem;margin:1rem;padding:2rem 3rem;transition:background-color .3s ease}.login-button:hover{background-color:#1ed760}.track-list-container{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr;margin-bottom:1rem}.track-list-item{grid-gap:.5rem;align-items:center;background-color:#727272;border-radius:.5rem;box-shadow:4px 4px 50px 0 #121212;display:grid;gap:.5rem;grid-template-columns:1fr 1fr 2fr 2fr 2fr 1fr 1fr;padding:.5rem;text-align:center}.track-list-item img{height:5rem;object-fit:cover;width:5rem}.track-list-header{align-items:center;display:grid;font-weight:700;grid-template-columns:1fr 1fr 2fr 2fr 2fr 1fr 1fr;padding:.5rem;text-align:center}@media screen and (max-width:50rem){.track-list-item{grid-template-columns:1fr 1fr}.track-list-item img{height:auto;max-height:5rem;max-width:5rem;width:100%}}@media screen and (max-width:30rem){.track-list-item{grid-template-columns:1fr;grid-template-rows:auto auto auto auto}.track-list-item img{grid-row:1/span 4;height:auto;max-height:10rem;max-width:10rem;width:100%}.track-list-header{display:none}}.remove-button{background-color:#1db954;border:none;border-radius:.5rem;color:#fff;font-size:inherit;padding:.5rem;text-decoration:none;transition:background-color .3s ease}.remove-button:hover{background-color:#1ed760}.loading-container{align-items:center;display:flex;justify-content:center;margin-top:3rem}.loading-container p{margin-right:1rem}.playlist-container{margin-top:1rem}.playlist-buttons{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.playlist-buttons button{background-color:#1db954;border:none;border-radius:.5rem;color:#fff;font-size:inherit;padding:.5rem;text-decoration:none;transition:background-color .3s ease}.playlist-buttons button:hover{background-color:#1ed760}.playlist-duration{align-items:right;display:flex;justify-content:right}.spotify-logo{align-items:center;display:flex;justify-content:center;margin-top:3rem}.contact-links{margin-top:1rem}.contact-links a{color:#333;text-decoration:none}.contact-separator{margin:0 .5rem}.navbar{align-items:center;background-color:#727272;box-shadow:4px 4px 50px 0 #121212;display:flex;justify-content:space-between}.navbar,.navbar-logo a{border-radius:.5rem;padding:.5rem}.navbar-logo a{color:#fff;font-size:1.5rem;text-decoration:none}.navbar-items{display:flex;gap:1rem}.navbar-items a{border-radius:.5rem;color:#fff;padding:.5rem;text-decoration:none;transition:background-color .3s ease}.navbar-items a:hover{background-color:#1ed760}.footer{margin-top:3rem;padding:2rem;text-align:center}.footer-links{display:flex;gap:1rem;justify-content:center;list-style-type:none;margin-bottom:1rem}.footer-links li{display:inline-block}.footer-links a{color:#fff;text-decoration:none}.footer-links a:hover{text-decoration:underline}.footer-text{color:#777;font-size:1rem;margin-top:1rem}.footer-line{background-color:#fff;height:.1rem;margin:1rem 0}html{font-size:16px}body{background-attachment:fixed;background-image:linear-gradient(165deg,#1db954,#121212 30% 30%);background-repeat:no-repeat;color:#fff;font-family:Circular,sans-serif;text-align:center}button{cursor:pointer}.section{align-content:center;display:grid;margin:0 auto;max-width:50rem;padding:0 2rem;place-items:center}.section a{color:#fff}
/*# sourceMappingURL=main.1efc31e4.css.map*/