@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&display=swap);*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto Mono,monospace;color:#333;font-size:16px;font-weight:400}#app{display:flex;align-items:center;justify-content:center;background-image:url(../img/bg.c763b76a.svg);height:100vh}.login[data-v-7b15bbb4]{border-radius:5px;font-size:1.5rem;background-color:#fff;min-width:500px;padding:2rem;min-height:300px;box-shadow:0 0 20px rgba(0,0,0,.15)}.login__control[data-v-7b15bbb4]{display:flex;flex-direction:column;min-height:4rem;justify-content:space-between;margin-bottom:2rem;position:relative}.login__invalid-message[data-v-7b15bbb4]{position:absolute;color:#ff5c5c;font-size:.75rem;font-weight:700;bottom:-15px}.login h2[data-v-7b15bbb4]{text-align:center;margin:0 auto 3rem;font-size:2rem}.login form[data-v-7b15bbb4]{display:flex;flex-direction:column;justify-content:space-between;padding-bottom:1rem}.login input[data-v-7b15bbb4]{border:none;outline:none;border-bottom:1px solid #888;padding-bottom:.25rem}.login label[data-v-7b15bbb4]{font-weight:700}.login button[data-v-7b15bbb4]{color:#fff;background-color:#333;border:none;outline:none;cursor:pointer;margin-top:3rem;padding:1rem;border-radius:3px;box-shadow:2px 2px 2px rgba(0,0,0,.15);display:flex;align-items:center;justify-content:center}.login button svg[data-v-7b15bbb4]{margin-left:1rem}.login button[data-v-7b15bbb4]:hover{background-color:#444}.login button[data-v-7b15bbb4]:hover:active{background-color:#333}@media screen and (max-width:500px){[data-v-7b15bbb4]{font-size:14px}.login[data-v-7b15bbb4]{align-items:center;justify-content:center;width:100%;height:100vh;min-width:100%}.login form[data-v-7b15bbb4]{height:85%;width:100%}}