@keyframes legend-anim {
    0% {
        color: rgb(165, 140, 0);
    }
    50% {
        color: rgb(255, 223, 44);
    }
    100% {
        color: rgb(165, 140, 0);
    }
}

.legend {
    animation-name: legend-anim;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}

.green-text {
    color: rgb(0, 158, 0);
    font-size: 32px;
    font-weight: bold;
    max-width: 50vw;
    text-align: center;
}

.potato-container {
    display: grid;
    grid-template-columns: 15% auto;
    max-width: 50vw;
    padding: 20px 10px;
    border-radius: 2px;
    margin: auto;
    margin-bottom: 40px;
}

.potato-container .left .symbol {
    font-size: 42px;
}

.potato-container .right .top .name {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 20px;
}