* { box-sizing: border-box; scrollbar-color: $red $bg60; scrollbar-width: thin; &::-webkit-scrollbar { background: $bg60; width: 6px; } &::-webkit-scrollbar-thumb { background: $red; } } html { overflow-x: hidden; overflow-y: scroll; } body { background: $bg40; color: $white; display: grid; font-family: 'Lucida Console', monospace; line-height: 1.8; margin: 0; } a { color: $red; text-decoration: none; &:hover { text-decoration: underline; } } h1 { font-size: 1.5em; } h2 { font-size: 1.3em; } h3 { font-size: 1.1em; } h4 { font-size: .9em; } hr { border-color: $bg60; color: $bg60; margin: 60px 0; } .container { margin: 0 auto; max-width: 1140px; width: calc(100% - 40px); } main { width: 100vw; margin: 60px 0 0 0; }