.container {
    display: flex;
    flex-direction: row;
  }

  .portait {
    float: inline-start;
    width: 8rem;
    aspect-ratio: 1/1;
  }

  .portait img {
    /* TODO: */
    /* @apply dark:bg-opal dark:rounded-full; */
    height: 100%;
  }
.nav-item {
    display: block;
    font-family: var(--font-sans-serif);
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }

  .nav-item:hover {
    text-decoration-line: underline;
    transform: translate(0, 0) rotate(2deg) skewX(0) skewY(0) scaleX(1) scaleY(1);
  }
.wpov1bgz7{footer {
      display: block;
      padding-block: 2rem;
      width: 100%;
      border-top: 1px solid var(--c-black);
    }

    @media (prefers-color-scheme: dark) {
      footer {
        border-color: var(--c-opal);
      }
    }}.wpov1bgz7 .icons{display:flex;margin-block-end:2rem;justify-content:center;ion-icon {
      margin-inline: 1rem;
      color: inherit;
    }}.wpov1bgz7 .contact{text-align:center;display:flex;flex-direction:column;gap:0.125rem}.wpov1bgz7 .contact p{font-size:0.875rem;line-height:1.25rem}