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

:root {
  --bg:       #0d0d0f;
  --bg2:      #141416;
  --bg3:      #1c1c20;
  --bg4:      #242428;
  --bg5:      #2e2e33;
  --border:   rgba(255,255,255,0.07);
  --border2:  rgba(255,255,255,0.13);
  --text:     #f0efe8;
  --text2:    #9b9a94;
  --text3:    #5c5b57;
  --accent:   #c8a96e;
  --accent2:  #8b7dd4;
  --accent3:  #5dbfa0;
  --red:      #e05c5c;
  --font-d:   'Syne', sans-serif;
  --font-b:   'DM Sans', sans-serif;
}

html, body {
  height: 100%;
  background: var(--bg);
  color: var(--text);
  font-family: var(--font-b);
  font-size: 14px;
  overflow: hidden;
}