#stats-container {
    display: grid;
    grid-template-columns: 12.5vw auto;
    gap: 2vh 1vw;
    align-items: center;
    margin-top: 2vh;
}
#stats-container h1 {
    margin: 0;
    font-family: sans-serif;
    font-size: 2vw;
}
.button {
    color: #000000;
    width: 12.5vw;
    height: 9vh;
    font-weight: bold;
    transition: 0.25s;
    border-radius: 1.3vw;
    cursor: pointer;
    font-size: 1.1vw;
    background-color: #777777;
    border: 0.2vw solid #444444;
}
@media (hover: hover) {
    .button:hover {
        transform: scale(1.05);
    }
}
.button:active {
    transform: scale(0.95);
}
.red {
    background-color: #ff2a2a;
    border: 0.3vw solid #880000;
}
@media (hover: hover) {
    .red:hover {
        background-color: #ff5151;
    }
}
.blue {
    background-color: #0066ff;
    border: 0.3vw solid #0033aa;
}
@media (hover: hover) {
    .blue:hover {
        background-color: #3385ff;
    }
}
.lblue {
    background-color: #00ccff;
    border: 0.3vw solid #0088cc;
}
@media (hover: hover) {
    .lblue:hover {
        background-color: #33ddff;
    }
}
.orange {
    background-color: #d5802e;
    border: 0.3vw solid #965100;
}
@media (hover: hover) {
    .orange:hover {
        background-color: #ffa452;
    }
}
.green {
    background-color: #49bb00;
    border: 0.3vw solid #2c7500;

}
@media (hover: hover) {
    .green:hover {
        background-color: #5ae101;
    }
}
#money_amount {
    color: #00b400;
    font-size: 3vw;
}
#multiplier_amount{
    color: #fd1b1b;
}
#rebirth_amount{
    color: #3333fd;
}
#superRebirth_amount{
    color: #05B8FF;
}
#mega_amount{
    color: #d5802e;
}
