#root{display:flex;flex-direction:row}*{margin:0}#App{margin-left:5rem;padding:1rem;color:#fff}:root{font-size:16;font-family:"Open Sans";--text-primary:#b6b6b6;--text-secondary:#ececec;--bg-primary:#23232e;--bg-secondary:#141418;--bg-tertiary:#141516;--transition-speed:400ms}body{color:#000;background-color:#1e2128;margin:0;padding:0}body::-webkit-scrollbar{width:1.5rem}body::-webkit-scrollbar-track{background:#dadada}body::-webkit-scrollbar-thumb{background:#a7a7a7}main{margin-left:5rem;padding:1rem}.navbar{width:5rem;height:100vh;position:fixed;background-color:#23232e;background-color:var(--bg-primary);transition:width .2s ease}.navbar-nav{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;align-items:center;height:100%}.nav-item{width:100%}.nav-item:last-child{margin-top:auto}.nav-link{display:flex;align-items:center;height:5rem;color:#b6b6b6;color:var(--text-primary);text-decoration:none;-webkit-filter:grayscale(100%) opacity(.4);filter:grayscale(100%) opacity(.4);transition:.4s;transition:var(--transition-speed)}.nav-link:hover{-webkit-filter:grayscale(0);filter:grayscale(0);background:#141418;background:var(--bg-secondary);color:#ececec;color:var(--text-secondary)}.link-text{display:none;margin-left:1rem;white-space:nowrap}.nav-link svg{min-width:2rem;margin:0 1.5rem}.navbar:hover{width:16rem}.navbar:hover .link-text{display:block}#home{fill:#fff}.fa-primary{color:#ff7eee}.fa-secondary{color:#df49a6}.fa-primary,.fa-secondary{transition:.4s;transition:var(--transition-speed)}.logo{font-weight:700;text-transform:uppercase;margin-bottom:1rem;text-align:center;color:#ececec;color:var(--text-secondary);background:#141418;background:var(--bg-secondary);font-size:1.5rem;letter-spacing:.3ch;width:100%;white-space:nowrap}.logo svg{transform:rotate(0deg);transition:transform .4s;transition:transform var(--transition-speed)}.navbar:hover .logo svg{transform:rotate(180deg)}svg{fill:#fff}.topbar .header{margin-left:5rem;padding:1rem;color:#fff;background-color:#141516;background-color:var(--bg-tertiary);font-weight:700;text-transform:uppercase;text-align:center;color:#ececec;color:var(--text-secondary);background:#141418;background:var(--bg-secondary);font-size:1.5rem;letter-spacing:.3ch;white-space:nowrap}.topbar,.topbar .header{height:3rem;width:100%}
/*# sourceMappingURL=main.0a4e37be.chunk.css.map */