#aboutPopup {
  display: none;
  width: 100lvw;
  height: 100lvh;
  position: fixed;

  background-color: #fff;
}

#aboutPopup {
  position: fixed;
  top: 0;
  left: 0%;
  width: 100lvw;
  height: 100lvh;
  background-color: #ffffff;
  z-index: 200;
  touch-action: none;
}

#aboutPopup div#aboutTopText {
  width: calc(100lvw - 20px);
  height: 20%;
  margin: 15px auto 0 auto;
  position: relative;
}
#aboutPopup div#aboutTopText p#skip {
  width: fit-content;
  margin: 0 10px 0 auto;
  color: #aeaeae;
  font-size: 0.9rem;
}
#aboutPopup div#aboutTopText p#aboutTitle {
  width: calc(100% - 20px);
  text-align: center;
  font-size: 1.5rem;
  font-weight: bolder;
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #6750a4;
}

#aboutPopup div#aboutMainContent {
  display: flex;
  flex-wrap: wrap;
  width: calc(100lvw - 80px);
  max-width: 500px;
  height: calc(70lvh - 80px);
  margin: 0 auto;
  flex-direction: column;
}
#aboutPopup div#aboutMainContent p#aboutText {
  font-size: 1rem;
  line-height: 1.4rem;
  color: #151515;
}
#aboutPopup div#aboutMainContent img#aboutImage {
  display: block;
  margin: 5px auto;
}

#aboutPopup div#aboutMainContent img#aboutImage img,
#aboutPopup div#aboutMainContent img#aboutImage video {
  display: block;
}

#aboutPopup div#aboutButtons button#aboutButton {
  border: none;
  width: 70%;
  margin: 0 15% 4px 15%;
  min-width: 0;
  background-color: #6750a4;
  color: #fafafa;
  height: 40px;
  line-height: 40px;
  border-radius: 40px;
  font-size: 1.2rem;
  font-weight: bold;
}
#aboutPopup div#aboutButtons p {
  display: block;
  margin: 2px auto;
  width: fit-content;
  text-align: center;
  font-size: 0.9rem;
}
section div#imageLoad {
  width: 0px;
  height: 0px;
}