body, h1, h2, h3, h4, h5, h6, p, a, a.btn, span, div {
  font-family: 'Atkinson Hyperlegible', sans-serif !important;
  font-size: 1.2rem;
}

#projects .card-img-top {
  height: 200px;
  object-fit: cover;
}
#hero h1, #hero .display-3 {
  font-size: 2.4rem !important;
}
#hero h2 {
  font-size: 2rem !important;
}

#about [class*="d-none"] {
  display: block !important;
}
#about .rounded-circle {
  max-width: 75%;
}
@media (min-width: 577px) {
  #about .rounded-circle {
    max-width: 65%;
  }
}
@media (min-width: 769px) {
  #about .rounded-circle {
    max-width: 80%;
  }
}