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}:root{--spotify-green:#1db954;--spotify-black:#191414;--dark-gray:#282828;--light-gray:#a4a4a4}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{background-color:#191414;background-color:var(--spotify-black);color:#eee;font-family:Helvetica,Arial;font-size:3vmin}@media (max-width:600px){body{font-size:4vmin}}.App{text-align:center}.App-header{align-items:center;background-color:#191414;background-color:var(--spotify-black);color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.hidden{display:none}.background{background-position:50%;background-size:cover;bottom:0;left:0;position:absolute;right:0;top:0}.main-wrapper{margin:0 auto;padding-top:45px;position:relative;width:80%;z-index:1}.container,.main-wrapper{align-items:center;display:flex;height:100%;justify-content:center}.main-container{flex:1 1}.now-playing__name{font-size:1.5em;margin-bottom:.2em}.now-playing__artist,.now-playing__status{margin-bottom:1em}.now-playing__cover{border-radius:8px;float:left;height:300px;margin-right:10px;text-align:right;width:300px}.now-playing__side{margin-left:2%;width:45%}.btn-spotify{background-color:#1db954;background-color:var(--spotify-green);border:1px solid #18ab29;border-radius:28px;color:#fff;cursor:pointer;display:inline-block;font-family:Arial;font-size:17px;padding:16px 31px;text-decoration:none;text-shadow:0 1px 0 #2f6627}.btn-spotify:active{position:relative;top:1px}img{background:transparent}.max-width-75{max-width:75%}.scroll-container{overflow:hidden;position:relative}.scroll-content{-webkit-animation:scroll-left 15s linear infinite;animation:scroll-left 15s linear infinite;display:inline-block;white-space:nowrap}@-webkit-keyframes scroll-left{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes scroll-left{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.error-page{margin-top:50px;text-align:center}
/*# sourceMappingURL=main.1bda6010.css.map*/