* {
  font-family: 'Quicksand', sans-serif;
}

.backgroundImage {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100vw;
  height: 100vh;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(4, 9, 30, 0.7)), to(rgba(4, 9, 30, 0.7))), url("../Images/index/keyboard.jpg");
  background-image: linear-gradient(rgba(4, 9, 30, 0.7), rgba(4, 9, 30, 0.7)), url("../Images/index/keyboard.jpg");
}

.name {
  color: white;
  text-align: center;
  font-size: 3rem;
  font-weight: 100;
}

@media screen and (min-width: 768px) {
  .name {
    font-size: 4rem;
  }
}