/* screen - menu */

.menu {
  align-items: flex-start;
  background-color: #000000cc;
  display: flex;
  width: 238px;
}

#overlay-menu {
  align-items: center;
  background-color: #000000cc;
  justify-content: center;
}

.menu .menu-1 {
  align-items: flex-start;
  background-color: var(--eerie-black);
  gap: 31px;
  height: 812px;
  padding: 45px 18px;
  width: 238px;
}

.menu .icround-close {
  cursor: pointer;
  height: 16px;
  margin-left: 2px;
  width: 16px;
}

.menu .menu-2 {
  align-items: flex-end;
  align-self: flex-end;
  gap: 4px;
  min-height: 164px;
  width: 201px;
}

.menu .beranda {
  letter-spacing: 0;
  line-height: 24px;
  margin-right: 2px;
  min-width: 53px;
  text-align: right;
  white-space: nowrap;
}

.menu .group-10920 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-right: 2px;
  min-height: 136px;
  width: 199px;
}

.menu .group-10915 {
  align-items: center;
  display: flex;
  gap: 121px;
  height: 24px;
  min-width: 201px;
}

.menu .bxschevron-right {
  height: 14px;
  width: 14px;
}

.menu .workshop {
  letter-spacing: 0;
  line-height: 24px;
  min-width: 64px;
  white-space: nowrap;
}

.menu .group-10916 {
  align-items: center;
  display: flex;
  gap: 126px;
  height: 24px;
  margin-left: 1px;
  min-width: 200px;
}

.menu .activities {
  letter-spacing: 0;
  line-height: 24px;
  min-width: 58px;
  white-space: nowrap;
}

.menu .group-10917 {
  align-items: center;
  display: flex;
  gap: 152px;
  height: 24px;
  margin-left: 1px;
  min-width: 200px;
}

.menu .tools {
  letter-spacing: 0;
  line-height: 24px;
  min-width: 32px;
  white-space: nowrap;
}

.menu .group-10918 {
  align-items: center;
  display: flex;
  gap: 124px;
  height: 24px;
  margin-left: 1px;
  min-width: 200px;
}

.menu .company {
  letter-spacing: 0;
  line-height: 24px;
  min-width: 60px;
  white-space: nowrap;
}

.menu .group-10919 {
  align-items: center;
  display: flex;
  gap: 135px;
  height: 24px;
  margin-left: 1px;
  min-width: 200px;
}

.menu .place {
  letter-spacing: 0;
  line-height: 24px;
  min-width: 49px;
  white-space: nowrap;
}

.menu .menu-3 {
  display: flex;
  flex-direction: column;
}
