.loginMain{position:fixed;inset:0;top:60px;margin:auto;width:330px;padding:20px;height:fit-content;border-radius:10px;background:var(--card-bg);padding-top:60px;box-shadow:0 2px 10px var(--shadow-color);transition:background .3s, box-shadow .3s;}
.loginMain .avatar{position:absolute;width:100px;height:100px;border-radius:50%;border:5px solid var(--bg-color);top:-50px;left:0;right:0;margin:auto;transition:border .3s;}
.loginMain input{width:100%;margin-bottom:3px;font-size:.9em;padding:7px;background:var(--card-bg);color:var(--text-color);border:1px solid var(--input-border);}
.loginMain input:focus{border:1px solid var(--input-focus);}
.loginMain button{width:100%;text-align:center;}
.regOnly,.loginOnly{text-align:center;color:var(--text-color);}
.loginMain.login .regOnly{display:none;}
.loginMain.reg .loginOnly{display:none;}