.login-cover{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.bg-login{border-radius:8px;padding:30px;border:1px solid hsla(0,0%,100%,.5);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}.input-field{position:relative;border-bottom:2px solid #ccc;margin:15px 0}.input-field label{position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#fff;font-size:16px;pointer-events:none;-webkit-transition:.15s ease;transition:.15s ease}.input-field input{width:100%;height:40px;background:transparent;border:none;outline:none;font-size:16px;color:#fff}.input-field input:focus~label,.input-field input:valid~label{font-size:.8rem;top:10px;-webkit-transform:translateY(-120%);transform:translateY(-120%)}.button{background:#fff;color:#000;font-weight:600;border:none;padding:12px 20px;cursor:pointer;border-radius:3px;font-size:16px;border:2px solid transparent;-webkit-transition:.3s ease;transition:.3s ease;width:100%}.button:hover{color:#fff;border-color:#fff;background:hsla(0,0%,100%,.15)}