@import url('https://fonts.googleapis.com/css2?family=Alumni+Sans:wght@400;500;600;700;800&family=Be+Vietnam+Pro:wght@300;400;500;600;700&family=Permanent+Marker&family=Bebas+Neue&display=swap');

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

:root {
  --color-bg: #1a1a1e;
  --color-bg-dark: #040404;
  --color-gold: #8f682e;
  --color-gold-404: #c49a3c;
  --color-white: #ffffff;
  --color-text: #212121;
  --color-text-light: #d0d0d0;
  --color-text-muted: #818181;
  --color-text-dim: #9c9c9c;
  --color-accent: #fd4c22;
  --font-display: 'Alumni Sans', sans-serif;
  --font-body: 'Be Vietnam Pro', sans-serif;
  --font-marker: 'Permanent Marker', cursive;
  --font-bebas: 'Bebas Neue', sans-serif;
}

html {
  scroll-behavior: smooth;
}

html, body {
  height: 100%;
}

body {
  font-family: var(--font-body);
  color: var(--color-text);
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}

img {
  max-width: 100%;
  display: block;
}

a {
  text-decoration: none;
  color: inherit;
}

ul {
  list-style: none;
}