.menu {
  padding: 0 15px;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  z-index: 10;
  transform: translateY(-110%);
  transition: transform 0.5s;
  background: #FFF;
}

.menu:target {
  transform: translateY(0);
}

.menu__icon--close {
  position: absolute;
  top: 20px;
  right: 15px;
  display: flex;
  background: url(../assets/images/menu-icon--close.svg);
  width: 32px;
  height: 32px;
}

.menu__nav {
  width: 100%;
}

.menu__nav-item {
  padding: 15px 0;
}