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

:root {
  --g: #4caf50;
  --b: #4dd0e1;
  --r: #f44336;
  --gold: #ffd54f;
  --pur: #ce93d8;
  --amz: #ff9900;
  --dia: #5decf5;
  --ems: #17dd62;
  --stone: #828282;

  --bg: #0a0a0f;
  --txt: #e0e0e0;
  --panel: rgba(10, 15, 22, 0.88);
  --border: rgba(77, 208, 225, 0.22);

  --sg: 0 0 22px rgba(76, 175, 80, 0.55);
  --sb: 0 0 22px rgba(77, 208, 225, 0.55);
  --samz: 0 0 22px rgba(255, 153, 0, 0.55);
}

html {
  scroll-behavior: smooth;
}

body {
  background: var(--bg);
  color: var(--txt);
  font-family: 'JetBrains Mono', monospace;
  overflow-x: hidden;
}

main,
section,
article,
aside,
header,
nav,
footer {
  display: block;
}

a {
  color: inherit;
}

button,
input,
textarea,
select {
  font: inherit;
}

#bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
}