body {
    background-color: #8AC3C3;
    color: #2C1242;

    font-family: "Afacad", serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-size: 20px;
    font-size: clamp(1rem, 0.8765rem + 0.3953vw, 1.25rem);
}

a{
 text-decoration: none;
 color: #699a9a;
 font-size: 25px;
}

p {
 color: #2C1242;
 margin-left: calc(100vh / 6);
 margin-right: calc(100vh / 6);
 background-color: #699a9a;
 padding-top: 12px;
 padding-bottom: 12px;
 margin-top: 25px;
 border-radius: 12px;

}

.intro {
 background-color: #6F167A;
 color: #8AC3C3;
 padding-left: calc(100vh / 6);
 padding-right: calc(100vh / 6);
 padding-top: 52px;
 padding-bottom: 32px;
 margin: -10px;
 border-radius: 0;
}

.sonnet1 {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 12px ;
}

.sonnet2 {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 12px ;
}
.sonnet3 {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 12px ;
}
.sonnet4 {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 12px ;
}