body{min-height:100vh}body:before{content:"";position:fixed;left:0;right:0;z-index:-1;display:block;background-image:url(/assets/buildings-1850129_1920-CnAnk7Zt.jpg);background-repeat:no-repeat;background-size:cover;height:100vh}.container{height:100vh;width:100%;display:flex;align-items:center;justify-content:center;z-index:3}.login-form{background-color:#fffc;display:flex;flex-direction:column;padding:3rem;border-radius:.5rem;gap:1.875rem;box-shadow:5px 5px 8px #00000056;height:fit-content;animation:dark-to-light-background .3s ease-in-out;z-index:1}.error-message{color:red;font-size:.8em;display:block;margin-top:5px;font-size:1rem}#user-error{color:red;font-size:.8em;margin-top:1px;display:flex;align-items:center;justify-content:center;font-size:1rem}.form_header{display:flex;align-items:center;justify-content:space-between}.form_header h1{font-size:1.9rem;position:relative}#social_media{justify-content:space-around;display:flex;align-items:center}#social_media img{width:10rem;margin:0rem;padding:0rem;position:relative;transition:all .5s}#social_media img:hover{transform:scale(1.05)}#inputs{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem}.input-box label{font-size:1.2rem;color:var(--color-dark-50)}.input-field{display:flex;align-items:center;gap:.938rem;padding:.188rem;cursor:text;border-bottom:.063rem solid blue}.input-field i{font-size:1.125rem;cursor:text;color:var(--color-dark-900)}.input-field input{border:none;background-color:transparent;width:16.25rem;font-size:1.125rem;padding:0rem .313rem}.input-field input:focus{outline:none}#forgot_password a{text-decoration:none;font-size:.85rem;color:var(--color-dark-50)}#forgot_password a:hover{color:#fc4040}.login{border:none;background:var(--color-gradient);color:var(--color-light-50);--color-gradient: linear-gradient(90deg, var(--color-purple-50), var(--color-purple-100), var(--color-purple-200));padding:.438rem;font-size:1.125rem;border-radius:.188rem;font-weight:700;cursor:pointer;transition:all .5s}.login:hover{transform:scale(1.05);--color-gradient: linear-gradient(90deg, var(--color-purple-60), var(--color-purple-110), var(--color-purple-210))}