.authform{--background:#d3d3d3;--input-focus:#2d8cf0;--font-color:#323232;--font-color-sub:#666;--bg-color:#fff;--main-color:#323232;padding:20px;background:var(--background);align-items:flex-start;justify-content:center;gap:20px;border-radius:5px;border:2px solid var(--main-color);box-shadow:4px 4px var(--main-color)}.authform,.authform>p{display:flex;flex-direction:column}.authform>p{font-family:var(--font-DelaGothicOne);color:var(--font-color);font-weight:700;font-size:20px;margin-bottom:15px}.authform>p>span{font-family:var(--font-SpaceMono);color:var(--font-color-sub);font-weight:600;font-size:17px}.separator{width:100%;display:flex;align-items:center;justify-content:center;gap:5px}.separator>div{width:100px;height:3px;border-radius:5px;background-color:var(--font-color-sub)}.separator>span{color:var(--font-color);font-family:var(--font-SpaceMono);font-weight:600}.oauthButton{display:flex;justify-content:start;align-items:center;gap:5px;padding-top:15px;padding-bottom:15px;padding-left:17px;width:250px;height:40px;border-radius:5px;border:2px solid var(--main-color);box-shadow:4px 4px var(--main-color);font-size:16px;font-weight:600;cursor:pointer;transition:all .25s;position:relative;overflow:hidden;z-index:1}.oauthButton:before{content:"";position:absolute;top:0;left:0;height:100%;width:0;background-color:#212121;z-index:-1;-webkit-box-shadow:4px 8px 19px -3px rgba(0,0,0,.27);box-shadow:4px 8px 19px -3px rgba(0,0,0,.27);transition:all .25s}.oauthButton:hover{color:#e8e8e8}.oauthButton:hover:before{width:100%}.authform>input{width:250px;height:40px;border-radius:5px;border:2px solid var(--main-color);background-color:var(--bg-color);box-shadow:4px 4px var(--main-color);font-size:15px;font-weight:600;color:var(--font-color);padding:5px 10px;outline:none}.icon{width:1.5rem;height:1.5rem}