.variety-body{
  background: linear-gradient(to right, rgb(170, 222, 170), rgb(60, 101, 60));
  width: 100%;
  height: fit-content;
  margin-top: -4vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 5vh;
}

.variety-paragraph-body{
  margin-left: 10vw;
  margin-right: 10vw;
}

.variety-paragraph-0{
  font-size: clamp(1.2px, 3.5vh, 45px);
  text-align: center;
  color: rgb(220, 181, 255);
}

.variety-paragraph-1{
  font-size: clamp(1px, 2.8vh, 35px);
  text-align: center;
  color: white;
  margin-top: 1vw;
}

.highlight-technique{
  color: rgb(220, 181, 255);
}

.variety-button{
  background-color: rgb(48, 104, 48);
  height: fit-content;
  width: fit-content;
  padding: 1vh;
  max-height: 600px;
  max-width: 1200px;
  border-radius: 2vw;
  border-width: 1px;
  box-shadow: 0px 0px 3px 1px white;
  font-size: clamp(2px, 2.7vh, 40px);
  color: white;
  transition: color .2s,
    background-color .2s;
  margin-top: 4vh;
  margin-bottom: 3vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.variety-button:hover{
  background-color: white;
  color: black;
  cursor: pointer;
}

@media (max-aspect-ratio: 1/1){
  .variety-body{
    margin-top: -3vh;
  }
}