.login-form-wrap{width:100%;height:calc(100vh - var(--header-height) - 20px);display:flex;justify-content:center;align-items:center}#login-form{width:max-content;height:max-content;display:flex;flex-direction:column;gap:10px;background:hsl(var(--global-hue) var(--global-saturation) 50%);border-radius:10px;padding:40px;font-size:20px}#login-form h3{margin:0}#login-form .error{margin:0;color:hsl(0 var(--global-saturation) 60%);font-size:18px}#login-form .error.animation{animation:errorShake .4s}@keyframes errorShake{0%{transform:translateX(-10px)}25%{transform:translateX(10px)}50%{transform:translateX(-10px)}100%{transform:unset}}#login-form .double{display:flex;justify-content:space-between;gap:15px}#login-form input{background:hsl(var(--global-hue) var(--global-saturation) 60%);border:none;border-radius:5px;padding:10px;font-size:18px;min-width:330px;margin-bottom:10px;transition:.2s ease-out}#login-form input:hover{background:hsl(var(--global-hue) var(--global-saturation) 70%);filter:drop-shadow(0 0 5px hsl(var(--global-hue) var(--global-saturation) 70%))}#login-form button{background:hsl(var(--global-hue) var(--global-saturation) 60%);border:none;border-radius:5px;padding:5px;margin-top:5px;font-size:18px;transition:.2s ease-out;cursor:pointer}#login-form button.google-login-button{background:hsl(var(--global-hue) var(--global-saturation) 30%);position:relative}#login-form button.google-login-button::before{content:"\f1a0";font-family:"Font Awesome 6 Brands";position:absolute;left:8px;top:9px}#login-form button:hover{background:hsl(var(--global-hue) var(--global-saturation) 70%);filter:drop-shadow(0 0 5px hsl(var(--global-hue) var(--global-saturation) 70%))}#login-form .horizontal-line{width:100%;height:max-content;position:relative;text-align:center;line-height:30px;cursor:default}#login-form .horizontal-line::after,#login-form .horizontal-line::before{content:"";position:absolute;width:45%;height:0;left:0;top:16px;border-top:2px solid hsl(var(--global-hue) var(--global-saturation) 90%)}#login-form .horizontal-line::after{right:0;left:unset}