:root {
  --primary-bg-color: #051D17;
  
  --primary-text-color: #E5F2C9;
  --secondary-text-color: #194B21;
  
  --primary-highlight-color: #F896D8;
  --secondary-highlight-color: #3C1642;
  --alternative-highlight-color: #FD7E5B;
  
  }

/* GENERAL TAGS */
body {
  background-color: var(--primary-bg-color);
  color: var(--primary-text-color);
  font-family: 'Courier New';
  }

.main-container {
  margin: auto;
  width: 80%;
  }

.centered {
  text-align: center;
  width: max-content;
  margin-right: auto;
  margin-left: auto;
  }

/* LINKS */
 /* unvisited link */
a:link {
  color: var(--primary-highlight-color);
  text-decoration: none;
}

/* visited link */
a:visited {
  color: var(--primary-text-color);
  text-decoration: none;
}

/* mouse over link */
a:hover {
  color: var(--alternative-highlight-color);
  text-decoration: none;
  font-weight: bold;
}

/* selected link */
a:active {
  color: var(--secondary-highlight-color);
  text-decoration: none;
} 


/* TEXT COLOR */
.secondary-text-color {
  color: var(--secondary-text-color);
  }

.primary-text-color {
  color: var(--primary-text-color);
  }

.primary-highlight-color {
  color: var(--primary-highlight-color);
  }

.secondary-highlight-color {
  color: var(--secondary-highlight-color);
  }
  
.alternative-highlight-color{
  color: var(--alternative-highlight-color);
  }