:root {
  --theme-color: #1A3C57;
  --text-color: #FFFFFF;
}

/* UN RESET */
button, div, h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: 400;
  color: var(--text-color);
  /* font-weight: 400;
  font-size: 100%;
  vertical-align: baseline;
  font-family: 'Inter', sans-serif;
  color: white;
  background-color: #1A3C57; */
}

button {
	/* padding: 7px; */
	border-radius: 15px;
	background-color: var(--theme-color);
	color: var(--text-color);
  cursor: pointer;
}

button:hover {
  /* background-color: var(--theme-color) - var(--theme-color); */
  background-color: var(--theme-color);
  filter: brightness(0.8);
}

button:active {
  background-color: var(--theme-color);
  filter: brightness(1.2);
}

body {
	background-color: #2B2B2B;
	color: var(--text-color);
}

.back-nav-button {
	display: block;
	width: 100px;
	height: 40px;
	font-size: 35px;
}