:root {
  --color-body: #050505;

  --color-purple: #7f177f;
  --color-yellow: #fce97b;
  --color-pink: #ee5dac;
  --color-dark-purple: #e46de6;
  --color-dark-yellow: #aa8731;

  --color-text-top: #e8e8e8;
  --color-text-bottom: #a7a7a7;
}

body {
  background: #000407;
  font-family: Inter, sans-serif;
  color: white;
}

.bold {
  font-weight: 600;
}

.hide-text {
  font-size: 0;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: Inter, sans-serif;
}

a {
  color: white;
  text-decoration: none;
  cursor: pointer;
}

a:focus,
a:active {
  outline: none;
  border: none;
}