.button-next{border-radius:50rem;font-size:1rem;padding:.6rem 3rem;color:#fff;border:2px solid transparent;background-image:linear-gradient(270deg,#13547a,#3ea094);box-shadow:inset 2px 1000px 1px #fff;transition:.5s;background-size:200% auto;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);transition:all .3s cubic-bezier(.25,.8,.25,1);cursor:pointer;display:inline-block}.button-next:focus{outline:none}.bd-container{margin:0;padding:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}.header{font-size:3.5rem}.spotify-login{padding:13px 20px;height:20px;background-color:#1aa34a;color:#fff;border-radius:100px;width:280px;text-align:center;border:none;cursor:pointer;letter-spacing:1px;text-transform:uppercase;margin-top:90px;font-size:16px}.spotify-login:focus{outline:none}.spotify-login:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);transition:all .3s ease;color:#fff;background-color:#1db954;box-shadow:0 4px 16px 0 rgba(14,0,21,.1);text-decoration:none}.track{vertical-align:middle}.album-art{width:130px;height:130px}.album-art:hover{-webkit-filter:opacity(60%);filter:opacity(60%);transition:all .1s ease-in}.color-primary{color:#13547a}.color-secondary{color:#3ea094}.color-tertiary{color:#434547}.button-range{color:#434547;background:none;border:none}.button-range:hover{text-decoration:none;color:#3ea094}.button-range-active{background-image:linear-gradient(90deg,#13547a,#3ea094);color:#fff;border-radius:100px;border:none;padding:8px 12px;box-shadow:0 4px 10px 0 rgba(14,0,21,.15);font-weight:900;width:200px}.button-range-active:focus{outline:none}.button-back{color:#fff;background:none;border:none}@media(max-width:725px){.button-back{text-align:center!important}}.button-range:focus{outline:none}.button-back:hover{text-decoration:underline;transition:all .3s cubic-bezier(.25,.8,.25,1)}.button-back:focus{outline:none}@media(max-width:725px){h1.title{font-size:30px}}.favourite-track{color:#13547a}@media(max-width:725px){.favourite-track{font-size:23px}}.menu-title{color:#13547a}@media(max-width:725px){.menu-title{font-size:14px;font-weight:bolder}}@media(max-width:725px){.recently-played{font-size:22px}}.playlist{color:#3ea094}@media(max-width:725px){.playlist{font-size:25px}}.current-playing a{color:#fff!important}@media(max-width:725px){.current-playing{font-size:14px;margin-right:80px}}.menu-divider{margin-left:47%;margin-right:47%}@media(max-width:725px){.title-holder{margin-top:1rem!important;margin-bottom:1rem!important}}.heart{color:#f36;font-size:20px;font-weight:100;cursor:pointer}.heart:hover{font-weight:900}.popup{color:#434547;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.9);margin:0;padding:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}a,a:hover{color:#3ea094}.view-playlist{padding:11px 32px;margin-top:30rem!important;background-color:#1aa34a;color:#fff!important;border-radius:100px;width:280px;text-align:center;border:none;cursor:pointer;letter-spacing:1px;text-transform:uppercase;font-size:12px}.view-playlist:hover{background-color:#1db954;box-shadow:0 4px 16px 0 rgba(14,0,21,.1);transition:all .3s cubic-bezier(.25,.8,.25,1);text-decoration:none}.button-scan{border-radius:50rem;font-size:1rem;padding:.6rem 3rem;border-color:#fff!important;color:#fff;border:2px solid transparent;background-image:linear-gradient(270deg,#13547a,#3ea094);box-shadow:inset 2px 1000px 1px #fff;transition:.5s;background-size:200% auto;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);transition:all .3s cubic-bezier(.25,.8,.25,1);cursor:pointer;display:inline-block}.button-scan:focus{outline:none}@media(max-width:990px){h1.welcome-title{font-size:24px}}@media(max-width:725px){p{font-size:14px}}body{font-family:"Muli",sans-serif;background:#13547a;background:linear-gradient(90deg,#13547a,#3ea094)}body ::selection{background-color:#3ea094;color:#fff}.video-container{display:flex;justify-content:center;align-items:center}.overlay{position:absolute}.container{height:60%!important}hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid hsla(0,0%,84.3%,.4)}
/*# sourceMappingURL=main.bd7fe554.chunk.css.map */