body,html{color:var(--font);background:var(--background)}.login-logo{position:absolute;top:5px;left:30px;cursor:pointer}.login-content{width:80%;max-width:500px;background:var(--background-sidemenu);border-radius:5px;margin:auto;padding:20px 20px;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px 2px rgba(0,0,0,.2);text-align:center}.content span{margin-top:.5rem;font-size:17px}.error{color:var(--red)}.success{color:var(--primary)}.form{display:flex;justify-content:center;align-items:center;width:100%;margin-top:2rem;margin-bottom:1rem}.form input{border:none;outline:0;box-shadow:none;background:var(--background);color:var(--font-light);font-size:17px;margin-right:1rem;padding:10px 20px;height:30px;width:80%;max-width:250px;border-radius:5px}::-moz-placeholder{color:var(--font-lighter);opacity:1}:-ms-input-placeholder{opacity:1}::placeholder{color:var(--font-lighter);opacity:1}:-ms-input-placeholder{color:var(--font-lighter)}::-ms-input-placeholder{color:var(--font-lighter)}.hero-button{background:var(--primary);color:var(--font-dark);font-size:17px;height:50px;border-bottom:5px solid #63c6b1}