.philosophy {
  display: flex;
  text-align: center;
  height: 100vh;
  flex-direction: column;
  justify-content: center;
  gap: 4rem;
  background: radial-gradient(ellipse at bottom, #1B2735 0%, #090A0F 100%);
  overflow: hidden;
  padding: 0;
}

.philosophy__title {
  color: #fff;
}

.philosophy__box__text {
  margin-bottom: 2rem;
  color: #fff;
}

.philosophy__box {
  width: 80%;
    margin: 0 auto;
}


{# 背景 #}
#stars,
#stars2,
#stars3 {
  position: absolute;
  width: 1px;
  height: 1px;
  background: transparent;
  animation: animStar 50s linear infinite;
}

#stars:after,
#stars2:after,
#stars3:after {
  content: " ";
  position: absolute;
  top: 2000px;
  background: transparent;
}

#stars {
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.8), 10px 10px 20px rgba(255, 255, 255, 0.5);
}

#stars2 {
  width: 2px;
  height: 2px;
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.8), 10px 10px 20px rgba(255, 255, 255, 0.5);
  animation: animStar 100s linear infinite;
}

#stars3 {
  width: 3px;
  height: 3px;
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.8), 10px 10px 20px rgba(255, 255, 255, 0.5);
  animation: animStar 150s linear infinite;
}

@keyframes animStar {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-2000px);
  }
}