style.css

html,h2,h3 {
  color: black;
}

body {
	padding: 0;
	margin: 0;
	background-color: white;
/* background: rgb(80,115,150);
   background: linear-gradient(90deg, rgba(80,115,150,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 100%); */
}
.wrapper {
  margin-right: auto; /* 1 */
  margin-left:  auto; /* 1 */

  max-width: 960px; /* 2 */

  padding-right: 10px; /* 3 */
  padding-left:  10px; /* 3 */
}
.nav {
	text-align: center;
}
ul {
  display: block;
}
li {
  display: inline;
  font-weight: bold;
  color: black;
  margin: 10px;
}
a {
	text-decoration: none;
	color: rgb(163, 83, 8);
}
a:hover {
	color: lightslategray;
	text-decoration: none;
}
div#svg3 {
	left: 35%;
	bottom: 50px;
	margin: auto;
	padding-top: 25px;
}
.footer {
	padding: 25px;
  background-color: #303846;
}
.footer h3 {
	color: white;
	text-align: center;
}
hr#new2 {
 color: lightslategray;
}


/* Dark Mode */
/* .dark-mode {
background: rgb(39,38,47);
background: linear-gradient(90deg, rgba(39,38,47,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 100%);
} */