body {
    font-family: "Raleway", sans-serif;
    font-optical-sizing: auto;
    font: weight 7rem;;
    font-style: normal;
    max-width: 80vw;
    min-height: 100vh;
    line-height: 2;
    background: #2b01d2;
    background: #070707;
    background: linear-gradient(156deg,rgba(47, 241, 247, 1) 10%, rgba(0, 0, 0, 0.94) 88%);
}
.poem {
    padding: 20px;
    margin-left: 2rem;
    margin-top: 7rem;
    font-size: 2rem;
    rotate: 30deg;
    -ms-transform-origin-x: 20%;
    -ms-transform-origin-y: 10%;
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: 3s;
}

.interactive-word {
    color: #2c5282;
    cursor: pointer;
    border-bottom: 2px dotted #2c5282;
    transition: all 0.5s ease;
    display: inline-block;
    position: relative;
    animation: blink 3s ease-in-out infinite;
}

@keyframes blink {
    0%, 100% { opacity: 1; }
    45% { opacity: 0.45; }
}

.interactive-word:hover {
    color: #1a365d;
    border-bottom: 2px solid #1a365d;
    transform: translateY(-2px);
    animation: none;
}

.interactive-word.loading {
    opacity: 0.75;
    cursor: wait;
    animation: alternate-reverse;
}

.interactive-word.changed {
    color: #e63946;
    border-bottom-color: #e63946;
    animation: none;
}

.interactive-word.changed:hover {
    color: oklab(58.709999999999994% 0.23894 -0.042);
    border-bottom-color: #67609d;
}