body {
    background-image: url('/Visuals/Images/Raven.jpg');
    background-repeat: no-repeat;
    background-position: center center; 
    margin: 0;
    color: white;
    min-height: 50rem;
    font-family: 'Bilbo', serif;
}


/* ------------------------------------------------------------- */



.PoemContainer {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 9vw;
    max-width: calc(100% - 16vw);
    margin-left: 12vw;
    margin-top: 0rem;
}

@media (max-width: 768px) {
    .PoemContainer {
        display: block;  
        justify-content: center;
        align-items: center;
        margin: 0 auto; 
        gap: 0; 
        max-width: 80vw;
    }
}

.PoemLeft, .PoemRight {
    max-width: 36vw;
    text-align: center;
}

.TitleLeft, .TitleRight {
    font-size: 4rem;
    color: #000000; 
    text-align: center;
    font-weight: bold;

}

.MainLeft, .MainRight {
    font-size: 1.7rem;
    color: #000000; 
    text-align: left;
    font-weight: 500;
 
}


.InfoLeft, .InfoRight {
    font-size: 1.2rem;
    font-style: italic;
    color: black;
    text-align: center;
}