* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  color: #b8d5b8;
}

h1 {
  font-size: 3rem;
}

h2 {
  font-size: 2rem;;
}

.landing {
  display:flex;
  flex-direction: row;
  height: 100vh;
  background-color: #05A8AA;
  align-items: center;
  justify-content: center; 
}

.landing h1, .landing h2, .social-links {
  text-align: center;
  padding: 1rem;
} 

.social-links {
  flex-wrap: wrap;
  font-size: 3.5rem;
} 

.social-links a{
  padding: 1rem;
}

.fab, .fas, .far {
  transition-property: color;
  transition-duration: 0.8s;
}

.fa-linkedin:hover {
  color: #0e76a8;
}

.fa-github:hover {
  color: #fafafa
}

.fa-stack-overflow:hover {
  color:#f48024;
}

.fa-twitter:hover {
  color: #00acee;
}

.fa-map-marked:hover {
  color: #D0EBB4;
}

.fa-envelope:hover {
  color: #DC4A3F;
}

.fa-pen:hover {
  color: darkslategray;
}
@media (max-height: 450px) {
  h1 {
    font-size: 2rem;
  }

  h2 {
    font-size: 1.5rem;
  }

  .social-links {
    font-size: 2rem;
  }
}