.body {
  overflow-x: hidden;
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
  height: auto;
  width: 100%;
  background-color: black;
  background-image: radial-gradient(circle farthest-corner at top left, rgb(0, 0, 0) 0%, rgba(225, 243, 97, 0) 50%), radial-gradient(circle farthest-side at top right, rgb(181, 176, 177) 0%, rgba(181, 176, 177, 0) 10%), radial-gradient(circle farthest-corner at bottom right, rgb(68, 0, 0) 0%, rgba(204, 104, 119, 0) 33%), radial-gradient(circle farthest-corner at top right, rgb(0, 125, 159) 0%, rgba(155, 221, 240, 0) 50%), radial-gradient(ellipse at bottom center, rgb(45, 0, 88) 0%, rgba(254, 43, 0, 0) 80%);
  animation: appear 1s;
}

::-webkit-scrollbar {
  display: none;
}

.body-light {
  overflow-x: hidden;
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
  height: auto;
  width: 100%;
  background-color: white;
  background-image: radial-gradient(circle farthest-corner at top left, rgb(255, 255, 255) 0%, rgba(225, 243, 97, 0) 50%), radial-gradient(circle farthest-side at top right, rgb(181, 176, 177) 0%, rgba(181, 176, 177, 0) 10%), radial-gradient(circle farthest-corner at bottom right, rgb(255, 255, 255) 0%, rgba(204, 104, 119, 0) 33%), radial-gradient(circle farthest-corner at top right, rgb(0, 125, 159) 0%, rgba(155, 221, 240, 0) 50%), radial-gradient(ellipse at bottom center, rgb(45, 0, 88) 0%, rgba(254, 43, 0, 0) 80%);
  animation: appear 1s;
}

.all-container {
  width: 1000px;
  margin: auto;
  position: relative;
}

.vertical-gap {
  min-height: 100px;
}

@keyframes appear {
  from {
      opacity: 0;
  }

  to {
      opacity: 1;
  }
}

@keyframes vanish {
  from {
      opacity: 1;
  }

  to {
      opacity: 0;
  }
}