* {
    box-sizing: border-box;
}

.main {
  width: 100%;
  height: auto;
  margin: 0 auto;
    padding: 0 8px;
  background-color: lightblue;
  font-family: 'Inter', sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  color: black;
  text-align: center;
}

.title {
  color: midnightblue;
}

h1 {
    font-family: 'Roboto', sans-serif;
    font-size: 40px;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    color: black;
    text-shadow: 3px -2px 2px gray;
}

h2 {
  text-shadow: -1px 4px 3px gray;
}

ul {
  list-style-type: none;
    padding-left: 8px;
}


.image {
  display: block;
max-width: 100%;
height: auto;
margin: 0 auto;
border: 6px solid lightyellow;
}

.text {
  font-style: italic;
}

.img-caption {
padding: 12px;
}