.main[data-v-23302efb]{width:100%;height:100vh;background:linear-gradient(-45deg,#86fde8,#e73c7e,#acb6e5,#23d5ab);background-size:400% 400%;-webkit-animation:gradientBG-data-v-23302efb 15s ease infinite;animation:gradientBG-data-v-23302efb 15s ease infinite;display:flex;align-items:center;justify-content:center}.main .form[data-v-23302efb]{width:400px;height:300px;background-color:#fff;opacity:.5;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:space-around;padding:20px 0}.main .form .title[data-v-23302efb]{text-align:center;font-size:32px;font-weight:700}.main .form .input[data-v-23302efb]{width:300px;height:30px;line-height:30px;outline:none;border:none;border-bottom:1px solid #ababab;font-size:12px;text-align:center;font-weight:700;transition:.2s}.main .form .input[data-v-23302efb]:focus{font-size:16px;border-bottom:3px solid rgba(0,0,0,.1);border-radius:4px}.main .form .btn[data-v-23302efb]{width:300px;height:34px;line-height:34px;background-color:#000;color:#fff;text-align:center;border-radius:4px;transition:.5s;cursor:pointer}.main .form .btn[data-v-23302efb]:hover{opacity:.7;color:#e73c7e}@-webkit-keyframes gradientBG-data-v-23302efb{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes gradientBG-data-v-23302efb{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}