html {
  scroll-behavior: smooth;
}

.bg-pattern {
  /* Background pattern from Toptal Subtle Patterns */
  background-image: url("assets/pattern.png");
  background-repeat: repeat;
}

.portrait-image {
  background-image: url("assets/portrait.jpeg");
  background-position: center;
  background-size: cover;
}

.science-image {
  /* Image downloaded from unsplash.com */
  background-image: url("./assets/science.webp");
  filter: grayscale(50%);
  background-position: center;
  background-size: cover;
  width: 34rem;
  height: 28rem;
}