custom.css

h1 {
  text-align: center;
}

#overview {
  background: #ece9e6; /* fallback for old browsers */
  background: -webkit-linear-gradient(
    to bottom,
    #ffffff,
    #f9f8f7
  ); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(
    to bottom,
    #ffffff,
    #f9f8f7
  ); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

#profilePicture {
  max-width: 50%;
  margin-top: 20%;
  border-radius: 5%;
  background-color: cadetblue;
}
.about {
  padding-top: 10%;
}

.attribute {
  margin-left: 1em;
  padding-bottom: 0.6em;
}

.attribute:first-of-type {
  padding-top: 1em;
}

.attribute:last-of-type {
  padding-bottom: 1em;
}

a {
  text-decoration: none;
  position: relative;
}

a:hover {
  color: black;
  text-decoration: none;
}

a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  bottom: -4px;
  left: 0;
  background-color: #f79b3a;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

a:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

@media (min-width: 768px) {
  #overview {
    background: #ece9e6; /* fallback for old browsers */
    background: -webkit-linear-gradient(
      to top,
      #ffffff,
      #f9f8f7
    ); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(
      to top,
      #ffffff,
      #f9f8f7
    ); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  }
  .attribute {
    margin-left: 0em;
  }
  .about {
    padding-top: 50%;
  }

  #overview {
    height: 100vh;
  }
}