* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; background: #0a0a0a; color: #f4f4f4; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x: hidden; }
::selection { background: #ff2e63; color: #0a0a0a; }

body .wrapper { position: relative; min-height: 100vh; padding: 24px; display: flex; flex-direction: column; overflow: hidden; }
body .wrapper a { color: inherit; text-decoration: none; }

@media (min-width: 768px) {
  body .wrapper { padding: 40px; }
}

@media (min-width: 1024px) {
  body .wrapper { padding: 56px; }
}