:root {
  --dark-primary: #121212;
  --dark-secondary: #282828;
  --dark-tertiary: #3c3c3c;
  --accent-color: orange;
  --light-grey: #a9a9a9;
  --main-text-color: var(--light-grey);
  --secondary-text-color: #888;
  --highlight-text-color: var(--accent-color);
  --main-bg-color: var(--dark-primary);
  --secondary-bg-color: var(--dark-secondary);
  --button-bg-color: var(--dark-tertiary);
  --main-border-color: var(--dark-secondary);
  --button-border-color: var(--light-grey);
}

body {
  background-color: var(--main-bg-color);
  color: var(--main-text-color);
  font-family: sans-serif;
}

h1, h2, h3 {
  color: var(--highlight-text-color);
}

a {
  color: var(--highlight-text-color);
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

button {
  background-color: var(--button-bg-color);
  color: var(--main-text-color);
  border: 1px solid var(--button-border-color);
  cursor: pointer;
  border-radius: 5px;
  padding: 10px 20px;
}

button:hover {
  background-color: var(--light-grey);
  color: var(--dark-primary);
}

.container {
  background-color: var(--secondary-bg-color);
  border: 1px solid var(--main-border-color);
  margin: 10px;
  padding: 20px;
}

.ph-100 {
  height: 100%;
}

.ph-10 {
  height: 10%;
}
/*# sourceMappingURL=repo.cc7d3bcb.css.map */