@media (max-width: 620px) {
  :root {
    line-height: 1.58;
  }

  body {
    padding: 16px 12px;
  }

  main {
    padding: 22px;
    border-radius: 16px;
  }

  h1 {
    margin-bottom: 8px;
    font-size: 1.72rem;
  }

  h2 {
    margin-top: 22px;
    margin-bottom: 8px;
  }

  p {
    margin-block: 10px;
  }

  ul,
  ol {
    margin-block: 10px;
    padding-left: 1.2rem;
  }

  li + li {
    margin-top: 5px;
  }

  nav {
    gap: 10px;
    margin-top: 18px;
  }

  .languages {
    margin-bottom: 16px;
  }

  .shots {
    gap: 10px;
    padding: 6px 0 10px;
  }

  .shots img {
    width: min(200px, 62vw);
    border-radius: 14px;
  }
}