:root {
	--main: #98fb98;
	--background: #2F4858;
	--highlight: #f8fff8;
	--block2: #226a7d;
	--dark: #00202E;
}


h1 {
  color: var(--highlight);
  font-family: courier, sans-serif;
  font-size: 300%;
}

h2 {
  color: var(--highlight);
  font-family: courier, sans-serif;
  font-size: 150%;
}

p {
  color: var(--main);
  font-family: courier;
  font-size: 100%;
}
body {font-family: courier, sans-serif;
	background-color: var(--background); color: var(--main)}
.mySlides {display: none}

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


/* Add a black background color to the top navigation */
.topnav {
  background-color: var(--dark);
  overflow: hidden;
}

/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  color: var(--highlight);
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

/* Change the color of links on hover */
.topnav a:hover {
  background-color: var(--highlight);
  color: var(--dark);
}

/* Add a color to the active/current link */
.topnav a.active {
  background-color: var(--highlight);
  color: var(--dark);
}