.game-content {
    position: absolute;top:0;left: 0;
    height: 75%;width:100%;z-index: 800;
}
.countdown {
    position: absolute;text-align: center;
    font-size: 15vh;color: var(--c-gold);font-weight: 900;
    display: block;top: 20%;width:100%;left:0;
    display: none;text-shadow: 0 0 1vh rgba(0,0,0,0.6);
}
.countdown a {
    display: block;width: 35%;margin-left: 32.5%;
    padding: 0.5vh 0.5vw;font-size: 4vh;
    color: white;background-color: green;
    text-decoration: none;
}

.clicker {z-index: 900;}
.clickit, .clickit2, .clickit3 {
    position: absolute;height: 10vw;width: 10vw;
    border-radius: 100%;
    opacity: 0;transition: opacity 0.5s ease-in-out;
    background-image: url(../assets/sprites/hit.png);
    background-size: 100% 100%;
    cursor: url('../assets/sprites/cursor-sword.png'), auto !important;
}
.clickit2 {
    height: 6vw !important;width: 6vw !important;
}
.clickit3 {
    height: 4vw !important;width: 4vw !important;
}

@keyframes shake{
    0% {margin-left: 0vw !important;};
    25% {margin-left: -5vw !important;};
    50% {margin-left: 0vw !important;};
    75% {margin-left: 5vw !important;};
    100% {margin-left: 0vw !important;};
}



.cleaner {
    z-index: 900;display: none;
}
.cleanerit, .cleanerit2, .cleanerit3, .cleanerit4 {
    position: absolute;height: 10vw;width: 10vw;
    border-radius: 100%;
    opacity: 1;transition: opacity 0.5s ease-in-out;
    background-size: 100% 100%;
    cursor: url('../assets/sprites/cursor-hover.png'), auto !important;
}
.cleanerit {
    background-image: url(../assets/sprites/clean/water.png);
    top: 70%;left:12%;
}
.cleanerit2 {
    background-image: url(../assets/sprites/clean/water2.png);
    top: 75%;right:15%;
}
.cleanerit3 {
    background-image: url(../assets/sprites/clean/paper.png);
    top: 55%;left:5%;
}
.cleanerit4 {
    background-image: url(../assets/sprites/clean/trash.png);
    top: 40%;left:60%;height: 5vw;width: 20vw;
}