html {
  height: 100%;
  width: 96%;
  background-color: #f9ebffff;
  color: #50496f;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  margin: 2%;
}

h1 {
  text-align: center;

}
.linkdiv {
  columns: 2;
  align-content: center;
}

.link {
  height: 20dvw;
  border-radius: 50px;
  transition-property: border;
  transition-duration: 200ms;
}

.link:hover,:focus {
  border: 5px solid #50496f;
}


p {
  font-weight: 500;
  font-size: 2.5dvw;
}
ul {
  font-weight: 500;
  font-size: 2.5dvw;
}
.back {
  text-align: center;
  position: absolute;
  right: calc(50dvw - 2.5rem);
  background-color: #50496f;
  border-radius: 90px;
  color: #f9ebffff;
  text-decoration: none;
  font-weight: 500;
  width: 5rem;
  height: 2rem;
  transition-property: all;
  transition-duration: 800ms;
}
.back:hover,:focus {
  width: 10rem;
  right: calc(50dvw - 5rem);
}

.move-left {
  aspect-ratio: 1/1;
  width: 10dvw;
  transition-property: all;
  transition-duration: 300ms;
}
.btn-left {
  left:2rem;
  position: absolute;
}

.move-btn {
  background-color: transparent;
  border: none;
}

.move-left:hover {
  content: url(left-hover.svg);
}

.btn-left:hover {
  left: 1rem;
}

.move-right {
  aspect-ratio: 1/1;
  width: 10dvw;
  right:2rem;
  position: absolute;
  transition-property: all;
  transition-duration: 300ms;
}

.move-right:hover {
  content: url(right-hover.svg);
  right: 1rem;
}

.holder {
  position: absolute;
  width: 50dvw;
  border-radius: 90px;
  right: 25dvw;
}

.slide {
  margin-top: 10dvw;
}


.text {
  text-align: center;
  position: absolute;
  top: 25dwv;
  width: 100dvw;
}

.outline {
  padding: 5%;
  padding-bottom: 10%;
  position: absolute;
  top:30dvw;
  background-color: #50496f;
  color: #f9ebffff;
  border-radius: 90px;
  left: 5dvw;
  width: 30dvw;
}

.chars{
  padding: 5%;
  padding-bottom: 10%;
  position: absolute;
  top:30dvw;
  background-color: #50496f;
  color: #f9ebffff;
  border-radius: 90px;
  right: 5dvw;
  width: 30dvw;
}

iframe {
  
}