:root {
  --real-black: #000;
  --near-black: #111;
  --darkest-gray: #222;
  --dark-gray: #333;
  --gray: #666;
  --light-gray: #999;
  --real-white: #fff;

  --dark-blue: #002;
  --dark-purple: #202;
  --dark-green: #020;
  --dark-maroon: #200;
  --dark-red: #600;
  --lavender: #99b;

  --purple: #c6f;
  --red: #f33;
  --orange: #f93;
  --cyan: #3cf;
  --green: #6c6;
  --blue: #33f;
}
* {
  box-sizing: border-box;
  cursor: inherit;
  margin: 0;
  padding: 0;
}
a {
  color: inherit;
  text-decoration: none;
}
a, button {
  &:hover {
    translate: 0 -0.1rem;
  }
}
html {
  background-color: var(--near-black);
  color: var(--real-white);
  font-family: sans-serif;
  font-size: 16px;
}
img#logo {
  border-radius: 0.25rem;
  height: 3rem;
  width: 3rem;
}
main {
  display: flex;
  flex-direction: column;
}
.hidden {
  display: none !important;
}