body {
    font-style: normal;
    font-family:sans-serif;
    background-color:#000000;
    color: #ffffff;
    margin-left: 100px;
    margin-right: 100px;
    text-align: center;
}

ul .nav {
    list-style: none;
    background-color:#808080;
    color: #000000;
    font-size:50;
}

.nav li {
  display: inline-block;
  margin-right:100px;

}

img {
  margin-right: 50px;
  margin-left: 50px;
  margin-top:50px;
  margin-bottom:30px;
  width: 280px;
  height: 300px;
  border-radius:50%;
}

#PastProjects p {
  font-style: oblique;
}

#PastProjects ul {
  list-style:none;
}

#Hobbies ul {
  list-style:none;
}

#ContactMe ul {
  list-style:none;
}

#ProfilePicture {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 25%;
}


@media screen and (min-width: 500px) and (max-width: 767px) {
    body {
        background-color: black;
        color: white;
    }
}
@media screen and (max-width: 499px) {
  body {
    background-color: white;
    color: black;
  }
}