/* @link https://utopia.fyi/type/calculator?c=320,18,1.2,1240,20,1.25,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */

:root {
  --step--2: clamp(0.7813rem, 0.7747rem + 0.0326vw, 0.8rem);
  --step--1: clamp(0.9375rem, 0.9158rem + 0.1087vw, 1rem);
  --step-0: clamp(1.125rem, 1.0815rem + 0.2174vw, 1.25rem);
  --step-1: clamp(1.35rem, 1.2761rem + 0.3696vw, 1.5625rem);
  --step-2: clamp(1.62rem, 1.5041rem + 0.5793vw, 1.9531rem);
  --step-3: clamp(1.944rem, 1.771rem + 0.8651vw, 2.4414rem);
  --step-4: clamp(2.3328rem, 2.0827rem + 1.2504vw, 3.0518rem);
  --step-5: clamp(2.7994rem, 2.4462rem + 1.7658vw, 3.8147rem);
}
body {
    font-size: var(--step-0);

}
.descrip{
  background-color: rgb(234, 89, 212);
  padding: 20px 50px;
}
.sonnet-wrapper{
 padding: 50px 10%;

 margin: 0;
}
.sonnet-wrapper-1 {
background: #2cbaf2;
background: linear-gradient(30deg, rgba(44, 186, 242, 1) 0%, rgba(227, 25, 197, 1) 100%);
}
.sonnet-wrapper-2 {
padding: 20px;
 margin: 0;
 padding-left: 50%;
 background: #2cbaf2;
background: linear-gradient(150deg, rgba(44, 186, 242, 1) 0%, rgba(227, 25, 197, 1) 100%);
}

.intro {
 padding:30px 20%;
 margin: 0;
 font-size: var(--step-2);
background: #2cbaf2;
background: linear-gradient(150deg, rgba(44, 186, 242, 1) 0%, rgba(227, 25, 197, 1) 100%);

}

.sonnet-wrapper-1 .sonnet1 {
margin-left: 5%;
}

.sonnet-wrapper-1 .sonnet2 {
margin-left: 5em;
}
.sonnet-wrapper-1 .sonnet3 {
margin-left: 8em;
}
.sonnet-wrapper-1 .sonnet4 {
margin-left: 12em;
}