body{background:#000;color:#fff;margin:0 auto}.login-register-section{text-align:center;min-height:100vh;min-width:100vw;display:flex;align-items:center;justify-content:center}.login-register-section .box{position:relative;margin:0 auto;width:100%;max-width:300px}.login-register-section .logo,.login-register-section p{float:left;position:relative;width:100%}.login-register-section .box-form{border-radius:15px;display:inline-block;position:relative;width:100%;max-width:357px;background-color:#1d1d1d;padding:18px 16px}.login-register-section h2{font-size:30px;font-weight:400;margin-bottom:4.9vw}.login-register-section .spotify-connect-section{float:left;position:relative;width:100%;margin-top:4.9vw}.login-register-section .spotify-connect-section strong{float:left;position:relative;width:100%;font-size:18px;font-weight:400;margin-bottom:11px}.login-register-section .spotify-connect-section p{font-size:13px;color:#b6b6b6}.login-register-section .spotify-connect-section .ui{margin-top:26px}.login-register-section .spotify-connect-section .box p{margin-top:14px}.ui.full{float:left;position:relative;width:100%}.ui.full input[type=email],.ui.full input[type=password],.ui.full input[type=tel],.ui.full input[type=text],.ui.full textarea{padding:14px 17px;width:100%;background-color:transparent;border-radius:10px;border:1px solid #fff;margin-bottom:11px;color:#fff;font-size:15px;font-family:Arial,sans-serif}.ui.full input[type=email]:last-child,.ui.full input[type=password]:last-child,.ui.full input[type=tel]:last-child,.ui.full input[type=text]:last-child,.ui.full textarea:last-child{margin-bottom:0}.ui input[type=email],.ui input[type=password],.ui input[type=tel],.ui input[type=text],.ui textarea{padding:14px 17px;width:100%;background-color:transparent;border-radius:10px;border:1px solid #fff;margin-bottom:11px;color:#fff;font-size:15px;font-family:Inter,sans-serif}.ui a,.ui button,.ui input[type=submit]{font-weight:700;transition:all .3s;display:flex;align-items:center;justify-content:center;text-align:center;height:40px;padding:0;width:100%;border:0;background-color:#35ff73;margin-bottom:10px;font-size:15px;line-height:100%;color:#000;border-radius:100px}.ui a:last-child,.ui button:last-child,.ui input[type=submit]:last-child{margin-bottom:0}.ui a:hover,.ui button:hover,.ui input[type=submit]:hover{opacity:.8}.ui a.btn2,.ui button.btn2,.ui input[type=submit].btn2{background-color:transparent;border:1px solid #fff;color:#fff}.ui a.btn2:hover,.ui button.btn2:hover,.ui input[type=submit].btn2:hover{background-color:#fff;color:#000;opacity:1}.ui.labels,.ui.login{margin-top:40px;float:left;position:relative;width:100%}.ui.labels input[type=submit],.ui.login input[type=submit]{margin-top:20px}.ui.labels{display:flex;align-items:center;justify-content:center}.ui.labels input[type=email],.ui.labels input[type=password],.ui.labels input[type=tel],.ui.labels input[type=text],.ui.labels textarea{margin-bottom:0;padding-top:28px}.ui.labels label{float:left;position:relative;width:100%;margin-bottom:11px}.ui.labels label:last-child{margin-bottom:0}.ui.labels label span{position:absolute;left:17px;top:10px;font-size:10px;color:#dcdada}:root{--white:#fff;--gray-100:#e1e1e6;--gray-300:#c4c4cc;--gray-400:#8d8d99;--gray-600:#323238;--gray-700:#29292e;--gray-800:#202024;--gray-900:#121214;--green-300:#00b37e;--green-500:#00875f;--red-500:#f75a68}:focus{outline:transparent;box-shadow:0 0 2px var(--green-500)}*{margin:0;padding:0;box-sizing:border-box}body{-webkit-font-smoothing:antialiased}body,button,input,textarea{font-size:1rem}body,button,input,p,textarea{font-family:Inter,sans-serif;font-weight:400}p{float:left;position:relative;width:100%;font-size:25px;color:#fff;line-height:120%}a{font-weight:700;text-decoration:none}a,h1,h2,h3,h4,h5,h6,strong{font-family:Inter,sans-serif}h1,h2,h3,h4,h5,h6,strong{color:#fff;text-rendering:optimizelegibility;font-weight:400;line-height:120%;letter-spacing:.02em}h1{font-size:5.1vw}h2{font-size:3.333vw}h3{font-size:3.33vw}h4{font-size:17.5px}h5{font-size:14px}h6{font-size:11.9px}.col-1{float:left;position:relative;width:100%}.col-2{width:50%}.col-center{width:calc(100% - 70px)}.col-center,.col-center2{position:relative;margin:0 auto}.col-center2{width:calc(100% - 17.29vw)}@media (max-width:1330px){.col-center,.col-center2{width:95%!important;max-width:1430px;position:relative;margin:0 auto;float:none}}@media (max-width:1150px){.col-center,.col-center2{width:95%!important;max-width:calc(100% - 70px);position:relative;margin:0 auto;float:none}}@media (max-width:1000px){.col-center,.col-center2{width:90%!important}}@media (max-width:800px){.col-1,.col-2{width:100%}.col-center,.col-center2{width:90%!important}}@media (max-width:550px){.col-center,.col-center2{width:90%!important;max-width:90%!important}.col-1,.col-2{width:100%}}