:root {
  --blue: #00a2ff;
  --white: #ffffffa8;
  --black: #000000;
}

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

li {
  list-style: circle;
}

.list {
  list-style: square;
}


.btn {
  position: absolute;
  top: 100px;
  left: 250px;
  height: 50px;
  width: 100px;
  border-radius: 10%;
  border: none;
  color: var(--btnFontColor);
  background-color: var(--btnBg);
}

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

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