.bonsai {
    float: right;
    width: 25%;
    user-select: none;
}

.leaves {
    text-align: center;
}

.trunk {
    color: var(--orange);
    text-align: center;
}

.pot {
    color: var(--gray);
    text-align: center;
}

.green {
    color: var(--green);
}

.dark-green {
    color: var(--green2);
}

.l1 {
    animation: gradient 4s infinite ease-in-out;
}

.l2 {
    animation: gradient 5s infinite ease-in-out;
}

.l3 {
    animation: gradient 6s infinite ease-in-out;
}

.l4 {
    animation: gradient 7s infinite ease-in-out;
}

@keyframes gradient{
    0%{
        transform:translateY(0) scale(1);
        letter-spacing: 1px;
        text-indent: 1px;
    }
    50%{
        transform:translateY(-2px) scale(1.0);
        letter-spacing: 2px;
        text-indent: 5px;
    }
    100%{
        transform:translateY(0) scale(1);
        letter-spacing: 1px;
        text-indent: 1px;
    }
}

@media (max-width: 600px) {
    .bonsai {
        width: 100%;
    }
}