*{margin:0;padding:0;box-sizing:border-box}html{background-color:#161616}body,html{overflow:hidden}body{width:100vw;height:100vh;margin:0;background:#000;text-overflow:ellipsis}body #app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}::-webkit-input-placeholder,::placeholder{font-style:italic}::-webkit-scrollbar{width:5px}::-moz-scrollbar,::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{border-radius:20px;background:rgba(108,241,163,.9450980392)}::-moz-scrollbar-track,::-webkit-scrollbar-track{border-radius:20px;background:rgba(108,241,163,.9450980392)}::-webkit-scrollbar-thumb{background-color:rgba(50,50,50,.5);border-radius:20px;border:2px solid #292727}::-moz-scrollbar-thumb,::-webkit-scrollbar-thumb{background-color:rgba(50,50,50,.5);border-radius:20px;border:2px solid #292727}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}#login[data-v-0029daa0]{width:100%;height:100%}#login #button[data-v-0029daa0]{position:absolute;top:0;z-index:3;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:100vh}#login #button #welcome[data-v-0029daa0]{margin-bottom:10px;padding:20px;border-radius:10px;background-color:#2b2a2a}#login #button #welcome .checkforInstructions[data-v-0029daa0]{display:inline-block;margin-right:10px}#login #button #welcome h3[data-v-0029daa0]{color:#fff}#login #button #welcome p[data-v-0029daa0]{text-align:left;color:#aab4aa;margin-bottom:10px}#login #button #welcome label[data-v-0029daa0]{color:#aab4aa}#login #button #loginBtn[data-v-0029daa0]{position:relative;width:20%;padding:15px;border-radius:45px;font-size:1.25rem;background-color:#189967;box-shadow:5px 5px 10px #181818;color:snow;cursor:pointer;text-align:center;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out}#login #button #loginBtn .wrapper[data-v-0029daa0]{display:inline-block;padding:0;width:25%;top:50%}#login #button #loginBtn .wrapper h4[data-v-0029daa0]{position:absolute;top:50%;transform:translateY(-50%);font-size:1.5vw}#login #button #loginBtn .wrapper img[data-v-0029daa0]{position:absolute;top:50%;transform:translateY(-50%);width:12%;height:auto;background-color:#189967;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out}#login #button #loginBtn #spotify_logo[data-v-0029daa0]{margin-left:25px}#login #button #loginBtn:hover>#spotify_logo img[data-v-0029daa0],#login #button #loginBtn[data-v-0029daa0]:hover{background-color:#aab4aa}@media screen and (max-width:770px){#login[data-v-0029daa0]{font-size:15px!important}#login #button #welcome h3[data-v-0029daa0]{font-size:18px!important}#login #button #loginBtn[data-v-0029daa0]{width:20%!important;padding:15px!important;border-radius:45px!important;font-size:1.25rem!important}#login #button #loginBtn .wrapper h4[data-v-0029daa0]{font-size:1.5vw!important}#login #button #loginBtn img[data-v-0029daa0]{width:20%!important}}@media screen and (max-width:600px){#login[data-v-0029daa0]{font-size:12px!important}#login #button #welcome h3[data-v-0029daa0]{font-size:15px!important}#login #button #loginBtn[data-v-0029daa0]{width:20%!important;padding:15px!important;border-radius:45px!important;font-size:1.25rem!important}#login #button #loginBtn .wrapper h4[data-v-0029daa0]{font-size:1.5vw!important}#login #button #loginBtn img[data-v-0029daa0]{width:20%!important}}@media screen and (max-width:469px){#login[data-v-0029daa0]{font-size:10px!important}#login #button #welcome h3[data-v-0029daa0]{font-size:12px!important}#login #button #loginBtn[data-v-0029daa0]{width:25%!important;padding:10px!important;border-radius:30px!important;font-size:1rem!important}#login #button #loginBtn .wrapper h4[data-v-0029daa0]{font-size:10px!important}#login #button #loginBtn img[data-v-0029daa0]{width:15%!important}}