/* screen - slide-16u589-57 */

.slide-16u589-57 {
  align-items: center;
  background-color: var(--black);
  display: flex;
  flex-direction: column;
  min-height: 1080px;
  min-width: 1920px;
  width: 100%;
}

.slide-16u589-57 .doyoonnnn {
  cursor: pointer;
  display: flex;
  height: 46px;
  margin-top: 37px;
  width: 204px;
}

.slide-16u589-57 .doyoonnnn-1 {
  cursor: pointer;
  flex: 1;
  letter-spacing: 0;
  line-height: normal;
  opacity: 0;
  text-align: center;
  transform: translate(0, 25px);
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 202px;
}

.slide-16u589-57 .doyoonnnn-1.animate-enter6 {
  animation: animate-enter6-frames 2.00s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes animate-enter6-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.slide-16u589-57 .doyoonnnn-1:hover {
  color: #656565
}

.slide-16u589-57 .title {
  cursor: pointer;
  height: 119px;
  letter-spacing: 0;
  line-height: normal;
  margin-left: -1418px;
  margin-top: 110px;
  opacity: 0;
  transform: translate(25px, 0);
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 338px;
}

.slide-16u589-57 .title.animate-enter7 {
  animation: animate-enter7-frames 2.00s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
  transform: translate(25px, 0);
}

@keyframes animate-enter7-frames {
  from{opacity: 0;
transform: translate(25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.slide-16u589-57 .title:hover {
  color: #656565
}

.slide-16u589-57 .character-design {
  cursor: pointer;
  height: 119px;
  letter-spacing: 0;
  line-height: normal;
  margin-left: -959px;
  margin-top: 21px;
  opacity: 0;
  transform: translate(25px, 0);
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 797px;
}

.slide-16u589-57 .character-design.animate-enter11 {
  animation: animate-enter11-frames 2.00s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
  transform: translate(25px, 0);
}

@keyframes animate-enter11-frames {
  from{opacity: 0;
transform: translate(25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.slide-16u589-57 .character-design:hover {
  color: #656565
}

.slide-16u589-57 .industrial-design {
  cursor: pointer;
  height: 119px;
  letter-spacing: 0;
  line-height: normal;
  margin-left: -970px;
  margin-top: 21px;
  opacity: 0;
  transform: translate(25px, 0);
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 786px;
}

.slide-16u589-57 .industrial-design.animate-enter9 {
  animation: animate-enter9-frames 2.00s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
  transform: translate(25px, 0);
}

@keyframes animate-enter9-frames {
  from{opacity: 0;
transform: translate(25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.slide-16u589-57 .industrial-design:hover {
  color: #656565
}

.slide-16u589-57 .leaflet-design {
  cursor: pointer;
  height: 119px;
  letter-spacing: 0;
  line-height: normal;
  margin-left: -1118px;
  margin-top: 21px;
  opacity: 0;
  transform: translate(25px, 0);
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 638px;
}

.slide-16u589-57 .leaflet-design.animate-enter12 {
  animation: animate-enter12-frames 2.00s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
  transform: translate(25px, 0);
}

@keyframes animate-enter12-frames {
  from{opacity: 0;
transform: translate(25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.slide-16u589-57 .leaflet-design:hover {
  color: #656565
}

.slide-16u589-57 .package-design {
  cursor: pointer;
  height: 119px;
  letter-spacing: 0;
  line-height: normal;
  margin-left: -1011px;
  margin-top: 21px;
  opacity: 0;
  transform: translate(25px, 0);
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 745px;
}

.slide-16u589-57 .package-design.animate-enter8 {
  animation: animate-enter8-frames 2.00s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
  transform: translate(25px, 0);
}

@keyframes animate-enter8-frames {
  from{opacity: 0;
transform: translate(25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.slide-16u589-57 .package-design:hover {
  color: #656565
}

.slide-16u589-57 .logo-design {
  cursor: pointer;
  height: 119px;
  letter-spacing: 0;
  line-height: normal;
  margin-left: -1209px;
  margin-top: 21px;
  opacity: 0;
  transform: translate(25px, 0);
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 547px;
}

.slide-16u589-57 .logo-design.animate-enter10 {
  animation: animate-enter10-frames 2.00s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
  transform: translate(25px, 0);
}

@keyframes animate-enter10-frames {
  from{opacity: 0;
transform: translate(25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.slide-16u589-57 .logo-design:hover {
  color: #656565
}