style.css

* {
  background-color: gainsboro;
}

img {
  height: 500px;
  border: 10px solid red;
}

p, li {
  font-family: Arial, Helvetica, sans-serif;
  color:white;
}

.nav-list {
  display: flex;
  /* flex-wrap == flex-items are allowed to wrap, preventing overflow when shrinking */
  flex-wrap: wrap;
  gap: 1rem;

  /* to help visualise */
  border: solid rgb(87, 26, 157) 5px;

  margin: 0;
  padding: 0;
  list-style: none;
}

.nav-list li {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  /* flex-grow: 0;
  flex-shrink: 1; */
  
  /* to help visualise */
  border: red solid 3px;
}

.title {
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  font-size: 50px;
  color: #BF616A;
}

.title2, .title3, .title4 {
  font-family: Verdana, Geneva, Tahoma, sans-serif;
}

.title2 {
  font-size: 30px;
  color: #EBCB8B;
}

.title3 {
  font-size: 25px;
  color: #A3BE8C;
}

.title4 {
  font-size: 20px;
  color: #B48EAD;
}