body{color:silver;font-family:Open Sans;font-size:16pt;margin:55px 0}body,header{background:#000}header{align-items:center;color:#fff;display:grid;grid-template-columns:1fr 1fr 1fr;height:55px;position:fixed;top:0;width:100%}h1{font-size:1.5rem;font-weight:500;grid-column:2;justify-self:center;line-height:1.5rem}a.account{background-size:contain;grid-column:3;height:30px;justify-self:flex-end;margin-right:10px;width:30px}nav{background-color:#000;bottom:0;box-shadow:0 0 3px #0003;color:#1866bf;height:55px;position:fixed;width:100%}nav ul{display:flex;margin:0;overflow-x:auto;padding:0}.nav-item{flex-grow:1;font-family:sans-serif;font-size:10pt;min-width:50px;overflow:hidden;white-space:nowrap}.nav-link{align-items:center;color:#1866bf;display:flex;flex-direction:column;justify-content:center;text-decoration:none}.nav-link.active{color:#18b3bf}.nav-icon,.nav-icon svg{height:30px;width:30px}.nav-link path{fill:#1866bf}.nav-link.active path{fill:#18b3bf}div.container{padding:10px}