.first-view {
  width: 100%;
  height: 100vh;

  position: relative;

  overflow: hidden;

  background-color: #cccccc;
}

.side-text {
  position: absolute;

  top: 50%;

  font-size: clamp(48px, 8vw, 120px);
  font-weight: bold;

  letter-spacing: 10px;

  white-space: nowrap;

  z-index: 10;
}

.left-text {
  left: -60px;

  transform: translateY(-50%) rotate(-90deg);
}

.right-text {
  right: -60px;

  transform: translateY(-50%) rotate(90deg);
}

#model-container {
  position: absolute;

  top: 50%;
  left: 50%;

  transform: translate(-50%, -50%);

  width: 70vw;
  height: 70vh;
}

#model-container canvas {
  display: block;

  width: 100%;
  height: 100%;
}

.scroll {
  position: absolute;

  left: 50%;
  bottom: 30px;

  transform: translateX(-50%);

  font-size: 16px;

  letter-spacing: 3px;

  white-space: nowrap;

  transition: opacity 0.5s ease;

  z-index: 10;
}