body {
  background-color: black;
  background-image: url(https://images.pexels.com/photos/7944347/pexels-photo-7944347.jpeg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
#header {
  list-style-type: none;
  width: 94.5%;
}
#title {
  color: #0fff50;
  font-family: copperplate;
  text-decoration: underline;
  text-align: center;
}
#welcome {
  text-align: center;
  color: #0fff50;
}
#surferlink {
  text-decoration: underline;
}
#surferlink:link {
  color: white;
}
#surferlink:visited {
  color: white;
}
#navdiv {
  display: flex;
  justify-content: center;
}
#navbar {
  color: #0fff50;
  width: 70%;
}
#navlinks {
  list-style-type: none;
  display: flex;
  justify-content: space-evenly;
  border-top: 3px solid #0fff50;
  font-family: copperplate;
  font-size: large;
}
a {
  text-decoration: none;
}
a:link {
  color: #0fff50;
}
a:visited {
  color: #0fff50;
}
a:hover {
  color: white;
}
ol {
  color: #0fff50;
  list-style-type: upper-roman;
}
#step3 {
  color: gold;
}
table {
  color: #0fff50;
  border: 3px solid #0fff50;
  width: 1000px;
}
caption {
  font-size: x-large;
  font-weight: bold;
}
th {
  text-align: center;
}
tr {
  text-align: center;
}
#div1 {
  height: 100px;
  width: 500px;
  background-color: #0fff50;
  border: 4px solid white;
  display: flex;
  justify-content: center;
}
#div1txt {
  color: black;
}
#divbadassimg {
  text-align: center;
  padding: 20px;
}
#badassimg {
  border: 6px solid #0fff50;
  margin: auto;
  object-fit: none;
  height: auto;
  width: auto;
}
.pics {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
img {
  border: 3px solid #0fff50;
  margin: 4px;
  object-fit: contain;
  height: 425px;
  width: 425px;
  background-color: black;
}
#divfooter {
  display: flex;
  justify-content: center;
}
#footer {
  text-align: center;
  width: 70%;
}
#footertext {
  color: #0fff50;
  text-align:center;
  border: 3px solid #0fff50;
}
.divparagraph {
  display: flex;
  justify-content: center;
}
.paragraph {
  display: flex;
  flex-direction: column;
  width: 90%;
  border: 3px solid #0fff50;
  padding: 10px;
}
h2 {color: #0fff50;}
h3 {color: #0fff50;}
p {color: #0fff50;}
#date  {color: #0fff50;
  margin: 3px;
}
#time  {color: #0fff50;
  margin: 3px;
}
#math  {color: #0fff50;
  margin: 3px;
}