body {
  background: var(--b-color);
  margin: 0;
}

html {
  scroll-behavior: smooth;
  color-scheme: dark;
}

main {
  min-height: calc(100vh - 32.75rem);
  margin: 0 auto;
}

*,
*:after,
*:before {
  box-sizing: border-box;

  &:focus {
    outline: none;
  }
}

::selection {
  background: var(--h-color);
}

.center {
  margin: 0 auto;
}

.unselectable {
  user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
}