.gallery {
  display: flex;
  align-items: center;
  column-gap: 20px;
  width: 100%;
  padding-left: 0;
  list-style: none;
}
.gallery__item {
  max-width: 45%;
  flex-shrink: 1;
  margin-bottom: 1rem;
}
.gallery__item span {
  display: block;
  text-align: center;
  font-size: 0.75rem;
}
.gallery__item:hover {
  transform: scale(2);
  transition: all 0.3s;
  padding: 1rem;
  border: 1px solid blue;
  background-color: #fff;
}
.gallery__item img {
  width: 100%;
  font-size: 0;
  padding: 10px;
  border: 1px solid blue;
}

ul {
  list-style-type: disc;
}

ol ol {
  list-style-type: lower-alpha;
}

ol,
ul {
  padding-inline-start: 3em;
}
ol .list--l1,
ul .list--l1 {
  margin-top: 2rem;
  list-style-type: none;
}
ol .list--l1 > span,
ul .list--l1 > span {
  font-size: 1.2em;
  font-weight: bold;
}

main.markerpen {
  margin-bottom: 2rem;
}

.markerpen {
  margin-inline: auto;
}
.markerpen .container {
  margin-inline: auto;
  width: 1024px;
}
.markerpen h2 {
  margin-block: 2rem 0;
  font-size: 1.4rem;
}
.markerpen h2 span {
  font-size: 1rem;
}

.section__body {
  margin: 1rem auto;
  width: fit-content;
  font-size: 1.2rem;
}

.image--line {
  margin: 0.5em 0 0 2rem;
  width: 440px;
  padding: 10px;
  border: 1px solid blue;
}
.image--line:hover {
  transform: scale(2);
  transition: all 0.3s;
  padding: 1rem;
  border: 1px solid blue;
  background-color: #fff;
}

strong {
  font-size: 1.3m;
  background-color: aquamarine;
}

.reference-mark {
  padding-left: 1em;
  text-indent: -1em;
  font-weight: bold;
}

.markerpen .a {
  text-decoration: underline;
}/*# sourceMappingURL=style.css.map */