body { background: var(--b-color); margin: 0; } html { scroll-behavior: smooth; color-scheme: dark; } main { min-height: calc(100vh - 28.625rem); margin: 0 auto; } main.no-header { min-height: 100vh; transition: none; margin: 0; } *, *:after, *:before { transition: all 0.1s ease; box-sizing: border-box; &:focus { outline: none; } } a, p, h1, h2, h3, h4, h5, h6, span, label, summary { color: var(--f-color); font-family: var(--p-font); font-weight: 400; } a { text-decoration: none; text-underline-offset: .05rem; } .center, .center-md, .center-sm { margin: 0 auto; } .center { max-width: 52rem; } .center-md { max-width: 38rem; } .no-overflow { overflow-x: hidden; } .unselectable { user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; } ::selection { background: var(--h-color); } .hidden { display: none; }