body {
  font-family: 'Open Sans', sans-serif;
  background-color: hsl(257, 40%, 49%);
  color: white;
}

h1 {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
}

p {
  font-size: 1rem;
  opacity: 0.9;
}

.logo {
  max-width: 150px;
}

.btn-light {
  background-color: white;
  color: hsl(257, 40%, 49%);
  font-weight: 700;
  transition: all 0.3s ease;
}

.btn-light:hover {
  background-color: hsl(300, 69%, 71%);
  color: white;
}

.social-icon {
  width: 35px;
  height: 35px;
}

footer a img {
  filter: brightness(0) invert(1);
  transition: filter 0.3s ease;
}

footer a:hover img {
  filter: brightness(0.8) invert(0.8);
}

@media (max-width: 768px) {
  h1 {
    font-size: 1.8rem;
  }
}