body
{
    margin: 0;
    width: 100%;
    height: 100%;
    /* background: linear-gradient(#00ff9d,#7500c4); */
}
button
{
    border-radius: 50%;
    background: rgba(38, 38, 38, 0.5);
    box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.25), inset 2px 2px 2px rgba(255, 255, 255, 0.25);
    animation: appear 1s ease;
    animation-iteration-count: 1;
    transition: transform 0.2s;
    border: none;
    color: #00ff9d;
    min-width: 10px;
    min-height: 10px;
    cursor: pointer;
}
a
{
    cursor: pointer;
}
.menubutton button, .centerpiece button
{
    min-width: 30px;
}




.stars i
{
    color: #e6e6e6;
    font-size: 35px;
    cursor: pointer;
    transition: color 0.2s ease;
}
.stars i.active
{
    color: #ff9c1a;
}