/** COLORS **/

* {
    color: var(--wind-textcolor);
}

main {
    background-color: var(--wind-bg);
}

/* Trees in the wind */

#trees-in-the-wind #poem {
    position: relative;
    width: 100%;
    height: 100svh;
    overflow: hidden;
}

#trees-in-the-wind #poem .poem-letter {
    position: absolute;
}

#trees-in-the-wind p {
    font-size: 3.125rem;
}

#trees-in-the-wind p span {
    font-size: 3.125rem;
}

.leaf {
    position: absolute;
    display: block;
    transform: rotate(0deg);
    animation: sway 8s infinite;
    transform-origin: 50% 0 0;
}

@keyframes sway {
    0%, 100%{ transform: rotate(-10deg);}
    50%{ transform: rotate(6deg); }
}