body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  margin: 0;
  background: #1f1f1f;
}

.index-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

a,
p {
  color: #ffffff;
  text-decoration: none;
}
.menu-text-a,
.menu-text-b,
.menu-text-c {
  font-size: 20px;
  font-weight: 800;
  text-align: center;
  cursor: pointer;
}
.menu-text-a {
  background: #9d39b3;
  box-shadow: 0 36px 90px 0 #630087, 0 50px 64px -48px rgb(191, 0, 255);
  padding: 20px 25px;
  border-radius: 15px;
  margin: 10px 10px;
}
.menu-text-b {
  background: #3995b3;
  box-shadow: 0 36px 90px 0 #004a87, 0 50px 64px -48px rgb(0, 234, 255);
  padding: 20px 25px;
  border-radius: 15px;
  margin: 10px 10px;
}
.menu-text-c {
  background: #b78a30;
  box-shadow: 0 36px 90px 0 #876c00, 0 50px 64px -48px rgb(255, 204, 0);
  padding: 20px 25px;
  border-radius: 15px;
  margin: 10px 10px;
}
.menu-text-a:hover,
.menu-text-b:hover,
.menu-text-c:hover {
  transform: scale(1.1);
  transition: all 0.5s ease;
}
.img-ad {
  margin: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.footer-text {
  opacity: 60%;
}

@keyframes appear {
  0% {
    opacity: 0;
    transform: translateY(-100px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
.index-title {
  display: flex;
  flex-direction: row;
}