.leaf {
  padding: 30px 0 0 0;
}

.leaf__head {
  display: flex;
  align-items: center;
  gap: 10px;
  font: var(--tiny);
  margin: 10px 0;
}

.leaf__head img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 1px solid rgba(132, 166, 176, .2);
  border-radius: 100%;
}

.leaf__media {
  width: 40px;
  aspect-ratio: 1/1;
}

.leaf__links {
  display: flex;
  flex-direction: column;
}

.leaf__link {
  font: var(--common);
  padding: 5px 0;
  color: var(--pen);
  @media (max-width: 594px) {
    font: var(--tiny);
  }
}

.leaf__login {
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 10px;
}

.leaf__menu {
  display: flex; 
  align-items: center;
  gap: 15px;
  flex-wrap: wrap;
}

.leaf__menu > a {
  @media (max-width: 594px) {
    width: 100%;
    text-align: center;
  }
}