:root {
  --green: #00ff00;
  --white: #ffffff;
  --black: #000000;
}

.light-theme {
  --bg: var(--white);
  --fontColor: var(--black);
  --btnBg: var(--black);
  --btnFontColor: var(--white);
}

.dark-theme {
  --bg: var(--black);
  --fontColor: var(--green);
  --btnBg: var(--white);
  --btnFontColor: var(--black);
}

body {
  background: var(--bg);
  color: var(--fontColor);
  font-family: monospace;
}

.btn {
  height: 50px;
  border-radius: 10px;
  border: none;
  color: var(--btnFontColor);
  background-color: var(--btnBg);
}

.buttonHolder {
    margin: 10px;
}

li {
  list-style: circle;
}

.list {
  list-style: square;
}

a {
    color: var(--fontColor);
}

a:hover {
    text-decoration: none;
}