.six-hun-square {
    width: 600px;
    height: 600px;
}

.left {
    left: 224px;
}

.right {
    right: 128px;
}

.hole {
    display: block;
    height: 160px;
    width: 160px;
    background-image: url("../images/whack-a-mole-mole-spritesheet-160.png");
    background-position: 0 160px;
}

.mole {
    background-position: 0 320px;
}

.bomb {
    background-position: 0 640px;
}

.golden-mole {
    background-position: 0 480px;
}

.mole-hit {
    background-position: 0 960px;
}

.golden-mole-hit {
    background-position: 0 800px;
}

.explosion {
    background-position: 0 1120px;
}

.cork {
    background-position: 0 0;
}

.selected-mode {
    text-decoration: underline;
}

#holes-area {
    cursor: none;
}

#hammer-mouse {
    background-image: url("../images/hammer-128.png");
    height: 128px;
    width: 128px;
    position: absolute;
    cursor: none;
}

.golden-hammer {
    background-position: 0 128px;
}

@keyframes whack {
    0% {
        rotate: -45deg;
        scale: 1.4;
    }
    
    100% {
        rotate: 0deg;
        scale: 1;
    }
}

.end-score-text {
    font-size: large;
}

.active-powerup {
    opacity: 1 !important;
    filter: none !important;
}

#golden-hammer-icon, #cork-icon, #mult-icon {
    width: 64px;
    height: 64px;
    opacity: 0.4;
    filter: grayscale(1);
}

#powerup-timer {
    height: 32px;
}