.easter .upgrade-button {
    background-color: #FFA500;
    color: white;
    border: none;
    padding: 10px;
    margin: 5px;
    cursor: pointer;
    border-radius: 5px;
}
/* 
#76ecfb - light blue ish
#c1fda0 - very light green
#9386e6 - light purple
#f298f4 - light pink
#69ffb9 - light green with a small hint of light light blue,
*/
.easter #ametystButton {
    background-color: #76ecfb;
}

.easter #ametyst {
    color: #f298f4
}

.easter #ametystCount {
    font-weight: bolder;
    color: #c1fda0;
}

.easter #totalAmetyst {
    color: #f298f4;
}

.easter #totalAmetystCount {
    color: #c1fda0;
    font-weight: bolder;
}


.easter .upgrade-button:hover {
    /* this is the main upgrade button hover style*/
    background-color: #008080;
    /* teal */
}

.easter .upgrade-button.alternate:hover {
    /* this is the main upgrade button hover style*/
    background-color: #800080;
    /* purple */
}

.easter .upgrade-button:nth-child(even):not(:hover) {
    /* this is the main upgrade button style*/
    background-color: #76ecfb;
    /* orange */
}

.easter .upgrade-button:nth-child(odd):not(:hover) {
    /* this is the main upgrade button style*/
    background-color: #9386e6;
    /* orange */
}



/* Halloween Theme */
.easter .upgrade-button:nth-child(even) {
    color: black;
}

/* Halloween Theme - Even buttons */
.easter .upgrade-button:nth-child(odd) {
    color: #ccc;
}

.easter .upgrade-button {
    color: #ccc;
}