.NavLogo svg .rects path {
  animation-name: act;
  animation-duration: 250ms;
  animation-timing-function: var(--elastic-easing);
  animation-fill-mode: both;
}

.NavLogo a:hover + svg .rects path,
.NavLogo a:hover + svg .letter,
.NavLogo a:active + svg .rects path,
.NavLogo a:active + svg .letter {
  animation-name: bounce;
  animation-duration: 250ms;
  animation-timing-function: var(--elastic-easing);
  animation-fill-mode: both;
}
.NavLogo .NavLogo-back {
  transition: fill 250ms var(--elastic-easing);
}
.NavLogo a:hover + svg .NavLogo-back {
  fill: var(--base-grey);
  transition: fill 250ms var(--elastic-easing);
}
.NavLogo svg {
  max-inline-size: none;
}

.NavLogo .rects path {
  /* animation: bounce 250ms var(--elastic-easing) both; */
  transform-origin: 50% 50%;
}

.NavLogo .letter {
  /* animation-name: bounce 500ms var(--elastic-easing) both; */
  transform-origin: 50% 50%;
}

.NavLogo .rects path:nth-child(1) {
  animation-delay: 25ms;
}
.NavLogo .rects path:nth-child(2) {
  animation-delay: 50ms;
}

.NavLogo .rects path:nth-child(3) {
  animation-delay: 75ms;
}

.NavLogo .rects path:nth-child(4) {
  animation-delay: 100ms;
}

.NavLogo .rects path:nth-child(5) {
  animation-delay: 125ms;
}
.rects path:nth-child(6) {
  animation-delay: 150ms;
}

.NavLogo .rects path:nth-child(7) {
  animation-delay: 175ms;
}

.NavLogo .rects path:nth-child(8) {
  animation-delay: 200ms;
}
.rects path:nth-child(9) {
  animation-delay: 225ms;
}

.NavLogo .rects path:nth-child(10) {
  animation-delay: 250ms;
}
.rects path:nth-child(11) {
  animation-delay: 275ms;
}

.NavLogo .rects path:nth-child(11) {
  animation-delay: 275ms;
}

.NavLogo .rects path:nth-child(12) {
  animation-delay: 300ms;
}

.NavLogo .rects path:nth-child(13) {
  animation-delay: 325ms;
}

.NavLogo .rects path:nth-child(14) {
  animation-delay: 350ms;
}

.NavLogo .rects path:nth-child(15) {
  animation-delay: 375ms;
}

.NavLogo .rects path:nth-child(16) {
  animation-delay: 400ms;
}

.NavLogo .rects path:nth-child(17) {
  animation-delay: 425ms;
}

.NavLogo .rects path:nth-child(18) {
  animation-delay: 450ms;
}

.NavLogo .rects path:nth-child(19) {
  animation-delay: 475ms;
}

.NavLogo .rects path:nth-child(20) {
  animation-delay: 500ms;
}

.NavLogo .rects path:nth-child(21) {
  animation-delay: 525ms;
}

.NavLogo .rects path:nth-child(22) {
  animation-delay: 550ms;
}

.NavLogo .rects path:nth-child(23) {
  animation-delay: 575ms;
}