body {  
    background-color: #2E7882;
    font-family: "Raleway", sans-serif;
    font-size: clamp(1rem, 0.9375rem + 0.5vw, 1.5rem);
    color:#E6EBF2;
    margin-left:150px;
    margin-right:150px;
    font-size: clamp(1rem, 0.9375rem + 0.5vw, 1.5rem);
}

p a {
    color:#E6EBF2;
}

p a:hover {
    color:#9ec0c5;
}

.intro {
    border-radius: 10px;
    padding: 10px;
    font-style: italic;
}

.phrases {
    display:flex;
    text-align: center;
}

h1 {
    font-family: "Titan One", sans-serif;
    color: #E6EBF2;
    font-weight:200;
    text-align: center;
    padding-top: 50px;
    padding-bottom:70px;
}

.sonnet1 {
    border-top: 2px solid #9ec0c5;
    padding-top:30px;
}

.sonnet2 {
    padding-top:30px;
}
.sonnet3 {
    padding-top:30px;
}
.sonnet4 {
    padding-top:30px;
    padding-bottom:60px;
}

.ma-constante {
    font-weight: 500;
    color: #E6EBF2; 
}

.ma-variable {
    color: #FFD275; 
    font-weight: bold;
    font-style: italic; 
}