:root{--background-color: #EDE8E8;--secondary-background: #D6D2D5;--tertiary-background: #DED9D9;--nav-background: #DEDEDC;--color: #3f3d3d;--accent-color: #4674F2}:root.dark{--background-color: #242424;--secondary-background: #3d3b3b;--tertiary-background: #2E2D2C;--nav-background: #2B2B27;--color: #EDE6E6;--accent-color: #4c63e6}*{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;outline:none;-webkit-user-select:none;user-select:none}::-webkit-inner-spin-button,::-webkit-outer-spin-button,::-webkit-scrollbar{display:none}html{background-color:var(--background-color);color:var(--color);transition:background-color ease-in-out .2s}body{padding-bottom:2em}button,svg,a,select,.button{cursor:pointer}input::placeholder{color:inherit}.spinner{position:absolute;width:40px;height:40px;top:calc(50vh - 20px);left:calc(50vw - 20px);background-color:transparent!important;border-radius:100px;border:4px solid var(--accent-color);border-top:solid 4px transparent;animation:rotate infinite linear 1s;cursor:wait;z-index:3}.row{display:flex;flex-direction:row}.column{display:flex;flex-direction:column}.button{display:flex;align-items:center;justify-content:center}#halo-studios-title{font-family:Ubuntu,sans-serif;background:linear-gradient(to right,#a0f,#4d00ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-user-select:none;user-select:none}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(350deg)}}#Home .top{justify-content:space-between;align-items:center;padding:0 1em;background-color:var(--nav-background);width:100vw;height:55px;position:sticky;top:0}#Home .top .row{justify-content:space-between;gap:.5em}#Home .top .row .button{width:35px;height:35px;border-radius:100px;background-color:var(--secondary-background)}#Home .top .row .button svg{width:16px;fill:var(--color);transition:all ease-in-out .2s}#Home .menu{overflow:hidden;transition:all ease-in-out .3s}#Home .menu button{height:100%;border:none;background-color:var(--tertiary-background);color:var(--accent-color);font-weight:600;transition:all ease-in-out .2s}#Home .menu button:hover{border:1px solid}#Home .header{background-size:cover;background-position:center;background-repeat:no-repeat;height:320px;width:100vw;display:flex;align-items:center;justify-content:center;gap:1em;transition:all ease-in-out .2s}#Home .header .tab{width:80%;background-color:var(--secondary-background);border-radius:15px;padding:1.5em;display:flex;flex-direction:column}#Home .header .tab b{font-size:small;margin-bottom:1.5%}#Home .header .tab .row{gap:0 .8em}#Home .header .tab .row button{background-color:var(--accent-color);color:#f0f8ff;border:none;padding:.5em 1em;border-radius:10px;font-weight:600}#Home .login{width:320px;display:flex;background-color:var(--tertiary-background);flex-direction:column;align-items:center;padding:2em 1em;z-index:30;border-radius:25px;height:fit-content}#Home .login .button{width:20px;height:20px;background-color:tomato;border-radius:100px;align-self:flex-end;margin-bottom:1em}#Home .login .button svg{fill:#f0f8ff;width:10px}#Home .login input{width:80%;padding:1em 1em 1em 2em;border-radius:10px;border:none;margin-bottom:.8em;background-color:var(--secondary-background);color:var(--color);font-weight:500}#Home .login p{font-size:small;font-weight:600}#Home .login p a{text-decoration:none;color:var(--accent-color)}#Home .login button{width:80%;padding:1em;background-color:var(--accent-color);color:#f0f8ff;border:none;border-radius:10px;margin-top:.5em;font-weight:500}#Home .features{justify-content:space-around;margin:3em .5em 6em}#Home .features .button{width:45px;height:45px;border-radius:50px;background-color:var(--secondary-background);position:relative}#Home .features .button svg{width:25px;fill:var(--accent-color)}#Home .features .button p{position:absolute;top:5em;font-size:10px;text-align:center;font-weight:600}#Home .sections{align-items:center;gap:2em 0}#Home .section{width:85%;height:185px;background-color:var(--tertiary-background);border-radius:15px}