:root{--primary:hsl(120, 100%, 20%);--primary-light:hsl(120, 100%, 40%);--primary-lighter:hsl(120, 100%, 60%);--primary-lighter-plus:hsl(120, 100%, 80%);--black:hsl(0, 0%, 0%);--grey:hsl(0, 0%, 20%);--grey-light:hsl(0, 0%, 40%);--grey-lighter:hsl(0, 0%, 60%);--grey-lighter-plus:hsl(0, 0%, 80%);--white:hsl(0, 0%, 100%)}*{padding:0;margin:0}a{text-decoration:none;color:inherit}button{cursor:pointer;border-width:0;background-color:transparent;font-family:inherit;font-size:inherit}input,textarea{border-width:0;font-family:inherit;font-size:inherit}span,p{line-height:1.6}html,body{width:100%;height:100%}#root{background-color:var(--grey)}.sign-form{display:flex;flex-direction:column;gap:20px;padding:20px;box-shadow:2px 2px 10px;border-radius:5px;border:1px solid var(--primary)}.sign-form>span,.sign-form>p{text-align:center}.sign-form>p{color:var(--grey-lighter);a{color:var(--white)}}.sign-form>span:nth-child(2){font-size:1.5rem;color:var(--primary-light)}.sign-form>span:first-child{font-size:.9rem}.sign-form>.success{color:green}.sign-form>.error{color:red}.sign-form>input{padding:10px;border-radius:5px;background-color:var(--black);color:var(--grey-lighter);&:placeholder{color:var(--grey-lighter)}}.sign-form>button{padding:10px;border-radius:5px;background-color:var(--primary);border:1px solid var(--primary-light);color:var(--white);&:disabled{color:var(--grey-lighter);cursor:initial}}.sign-form>a{align-self:end;color:var(--white)}#root{width:100%;height:100vh;display:flex;justify-content:center;align-items:center}