html, body { height: 100%; }

body {
  font-family: var(--font);
  background: var(--black);
  color: var(--white);
  overflow: hidden;
  cursor: none;
}

#scroll-container {
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  overflow-y: scroll;
  overflow-x: hidden;
}

a, button, select, input, textarea { cursor: none; }

body::after {
  content: '';
  position: fixed;
  inset: 0;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAUVBMVEWFhYWDg4N3d3dtbW17e3t1dXWBgYGHh4t5eXlzc3OLi4ubm5uVlZWPj4+NjY19fX2JiYl/f39ra2uRkZGZmZlpaWmXl5dvb29xcXGTk5NnZ2c8TV1mAAAAG3RSTlNAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEAvEOwtAAAFVklEQVR4XpWWB67c2BUFb3g557T/hRo9/WUMZHlgr4Bg8Z4qQgQJlHI4A8SzFVrapvmTF9O7dmYRFZ60YiBhJRCgh1FYhiLAmdvX0CzTOpNE77ME0Zty/nWWzchDtiqrmQDeuv3powQ5ta2eVNXgqlJXa2QXKKItaGDcGRFKDKBt9FOFP42ZoaZ1pX62Yw3ZPmHpYMxkSXJhb7mYGKPWJlEDa2CqjhY0KCEmxLCPnBFhGz6/FNK5CEnQNx8MMbFIiQkCKt5CkzF/BQTsV7xSCQEGPHkKR9YHKkE+hUlDCfMLLKGHUe6A/7X7GfJFNJAGjR5Z27MGTJMh3U/r5FZxzYJOFvRSvbHSWHsaFHyCKIzGTkdDVfLQvdEjjXKDNAZK5qqd0bQKp5hRjxFDYNSG6CbcP0hGE09cpCqUCK+V9GZKG28pApV1HUvEBRRiOX7SWVIqVsMoVKRFP7oRE9HxRxGNAFaHJWc0JH0B+8Ej7fXOyXoZzxnW5I1LvA8M9Dn3FfuXVBmO3Z6w2iHJqdHRkUHNRhQnQyOlGYxEhvPw1XFfCuDo4JKe12YtFsALuG8/oc7F7n/V0Rnk81QE6AwJsQ==");
  opacity: 0.025;
  pointer-events: none;
  z-index: 9990;
}

section,
footer {
  padding-left: var(--rail-x);
  padding-right: var(--rail-x);
}