body {
  margin: 0;
}
header {
  width: 100%;
  height: 10%;
  background-color: #900303;
  text-align: right;
  position: fixed;
}

nav {
  padding-top: 1.5%;
}

.nav-link {
  font-size: 24px;
  margin-left: 7%;
  color: white;
  text-decoration: none;
  font-family: sans-serif;
}

nav:last-child {
  margin-right: 7%;
}

#welcome {
    padding-top: 15%;
    height: 70%;
    width: 100%;
    background-color: black;
    color: white;
    text-align: center;
    padding-bottom: 15%;
}

#projects {
  height: 100%;
  width: 100%;
  background-color: #474F55;
  color: white;
  text-align: center;
}

.proj {
  text-decoration: none;
  color: white;
  font-size: 24px
}

#contact {
  padding-top: 10%;
  height: 50%;
  width: 100%;
  background-color: #145911;
  color: white;
  text-align: center;
  padding-bottom: 10%;
}

.con {
  font-size: 26px;
  color: white;
}

span {
    color: yellow;
}
@media (any-hover: hover) {
  a:hover {
    color: yellow;
  }
}