@keyframes buttonShake {
    0%, 100% {
        transform: translateX(0);
    }

    10%, 30%, 50%, 70% {
        transform: translateX(-5px);
    }

    20%, 40%, 60% {
        transform: translateX(5px);
    }

    80% {
        transform: translateX(3px);
    }

    90% {
        transform: translateX(-3px);
    }
}

.buttonShake {
    animation: buttonShake 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
}

.NumberOfEmeralds {
    float: right;
    margin: 5px;
}


.shopPanel{
    display:flex;
    justify-content: center;
}

.offers {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

.villager{
    width: 66%
}
