:root {
  --bg: #fff;
  --color: #222;
  --link_color: #656d4a;
  --font: 'Fira Code';
}

* { outline: none; border: none; user-select: none; scroll-behavior: smooth; margin: 0; padding: 0; font-family: 'Fira Code', 'Verdana', 'Arial', 'Tahoma'; 
-webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; }

::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { box-shadow: inset 0 0 5px transparent; border-radius: 0px; }
::-webkit-scrollbar-thumb { background: #222; border-radius: 0px; cursor: pointer; }

html { height: 100%; margin: 0; padding: 0; background-color: var(--bg); color: var(--color);  }
body { height: 100%; margin: 0; padding: 0; overflow-x: hidden; }

a { color: var(--link_color); text-underline-offset: 4px; }

img { image-rendering: crisp-edges; image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; 
transform: translateZ(0); -webkit-backface-visibility: hidden; -ms-transform: translateZ(0); -webkit-transform: translateZ(0); -ms-interpolation-mode: nearest-neighbor; }

@view-transition {
  navigation: auto;
}

@supports (view-transition-name: none) {
  ::view-transition-old(root),
  ::view-transition-new(root) {
    animation-duration: 150ms;
    animation-timing-function: ease-in-out; }
}