#loginSection,#signinSection{margin:auto}#signinSection{max-width:50ch}#loginOptions{flex-wrap:wrap;justify-content:center;align-items:center;gap:1em;display:flex}#thirdPartyLoginsCont{gap:.5em;width:auto;padding-bottom:1em;animation:1s ease-out forwards optionAppear;display:grid;& h3{margin:0}}@keyframes optionAppear{0%{opacity:0;translate:-2em}}.loginTypeSwitch{background-color:var(--main-transparent-really);border:2px ridge #8882;border-radius:10px;flex-direction:column;gap:.5em;width:fit-content;margin-block-start:2em;margin-inline:auto;padding:.5em 1em;display:flex}.loginsCont{border:2px var(--main-color) solid;border-radius:10px;width:min(50ch,100%);margin-block-start:1em;padding:.5em 1em}#thirdPartyVerify{background-color:var(--main-transparent-really);border-radius:5px;margin-block:.5em;padding:.5em;& p{margin:0;font-size:.8em}}@media screen and (width<=1000px){#loginSection{flex-direction:column;padding-inline:1em}#loginSection .separator{width:100%;height:5px}}@media screen and (width>=1000px){#loginSection .separator{width:5px;height:auto}}
