:root{--yellow:#ffc700;--white:#fff;--whiteTranslucent:hsla(0,0%,100%,0.5);--font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif}*{margin:0;padding:0;box-sizing:border-box;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;font-family:var(--font-family)}.App{background-color:#000;flex-direction:row;width:100vw}#logoSection,.App{display:flex;height:100vh}#logoSection{width:50%;position:relative;justify-content:center;align-items:center;overflow:hidden}#logoSection #logo{max-width:255px;-webkit-transform:translateY(-50%);transform:translateY(-50%);height:auto;z-index:3}#logoSection #frontSpirograph{z-index:2;height:100%;background-color:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}#logoSection #frontSpirograph,#logoSection #frontSpirograph svg{position:absolute;bottom:0;width:100%}#backSpirograph{z-index:0;position:absolute;bottom:-10px;width:100%}#backSpirograph svg{width:100%}#loginSection{width:50%;height:100%;background:#1a1a1a;background:linear-gradient(-45deg,#1a1a1a,#2c2c2c 55%,#141414);align-items:center}#container,#loginSection{display:flex;justify-content:center}#container{height:380px;width:327px;flex-direction:column}#loginContainer{height:70%;width:100%;display:flex;align-items:center}#loginStart{width:70%;height:70%;display:flex;flex-direction:column;justify-content:flex-end}#loginStart h2{font:size 24px;font-weight:500;color:#fff;color:var(--white);margin-left:-16px}#loginStart>*{padding:12px 16px}#loginStart #leftSideButton{flex-direction:row}#loginStart #leftSideButton,#loginStart>button{display:flex;justify-content:space-between;align-items:center;cursor:pointer}#loginStart>button{width:100%;height:48px;background:rgba(0,0,0,.4);outline:none;color:#fff;color:var(--white);border:none;border-radius:10px}#login>button::hover{border:1px solid hsla(0,0%,100%,.4)}#login>button:active{border:1px solid rgba(255,199,0,.4)}#loginStart #leftSideButton>svg{margin-right:8px}.loginModal{min-height:70%;width:327px;padding:45px 0;background:rgba(0,0,0,.5);display:flex;flex-direction:column;justify-content:space-around;align-items:center;border-radius:10px}.loginModal>*{text-align:center;color:#fff;color:var(--white)}.loginModal>svg{margin-bottom:17px}.loginModal>h3{font-size:16px;font-weight:500;line-height:24px;width:250px;margin-bottom:6px}.loginModal>span{width:250px;font-size:12px;color:hsla(0,0%,100%,.5);color:var(--whiteTranslucent)}#help{color:#fff;color:var(--white);height:30%;width:100%;display:flex;align-items:center;border-top:1px solid hsla(0,0%,100%,.5);border-top:1px solid var(--whiteTranslucent)}#help>svg{margin-right:8px}#help>span>a{color:#ffc700;color:var(--yellow);text-decoration:none}
/*# sourceMappingURL=main.99cfc55d.chunk.css.map */