.hero {
  background-image: url("../images/indigo-laptop-1024x215.jpg");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  height: 250px;
  border-bottom: 1px solid #e5e7eb;
  display: flex;
  align-items: center;
  justify-content: center;

  h1 {
    text-shadow: 4px 4px 4px black;
    font-size: clamp(1.1rem, 3.5vw, 2.5rem);
    /* 
      1.1rem → minimum size
      3.5vw   → scales with viewport width
      2.5rem  → maximum size
    */
    text-align: center;
    white-space: nowrap;
  }
}