:root {
  --void: #080b14;
  --void-2: #10162a;
  --void-3: #161c34;
  --teal: #5fe0c7;
  --violet: #a78bfa;
  --rose: #f3a8c4;
  --champagne: #e6c48f;
  --ivory: #f6f2ea;
  --muted: #9aa3bf;
  --glass: rgba(246, 242, 234, 0.06);
  --glass-brd: rgba(246, 242, 234, 0.14);
  --display: "Fraunces", serif;
  --body: "Inter", sans-serif;
  --script: "Petit Formal Script", cursive;
}
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
html {
  scroll-behavior: smooth;
}
body {
  background: var(--void);
  color: var(--ivory);
  font-family: var(--body);
  font-weight: 300;
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
}
button {
  font: inherit;
}
.hidden {
  display: none;
}
::selection {
  background: var(--violet);
  color: var(--void);
}