h1 {
    font-family: book antiqua;
    color: mediumslateblue;
    text-shadow: 0 0 7px black;
    text-align: center;
    font-size: 70px;
}

body {
    background-color: chocolate;
}

.mulai-game {
    width: 200px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 25px;
    color: azure;
    background-color: mediumslateblue;
    text-shadow: 0 0 7px blueviolet;
    box-shadow: 1px 1px 3px blueviolet, -1px -1px 3px blueviolet;
    position: absolute;
    top: 155px;
    left: 585px;
    cursor: pointer;
    border-radius: 50px;
    z-index: 1;
}

.area-skor {
    width: 100px;
    text-align: center;
    font-size: 25px;
    padding: 7px;
    border-radius: 3px 3px 15% 15%;
    background-color: azure;
    color: mediumslateblue;
    text-shadow: 0 0 7px blueviolet;
    box-shadow: 1px 1px 3px blueviolet, -1px -1px 3px blueviolet;
    position: absolute;
    top: 150px;
    left: 225px;
    display: block;
}

    .area-skor .skor {
        text-align: center;
        padding: 3px 6px;
        background-color: mediumslateblue;
        color: azure;
        display: block;
        border-radius: 7px 7px 25% 25%;
        filter: drop-shadow(0 0 3px blueviolet);
    }

.area-waktu {
    width: 100px;
    text-align: center;
    font-size: 25px;
    padding: 7px;
    border-radius: 3px 3px 15% 15%;
    background-color: azure;
    color: mediumslateblue;
    text-shadow: 0 0 7px blueviolet;
    box-shadow: 1px 1px 3px blueviolet, -1px -1px 3px blueviolet;
    position: absolute;
    top: 150px;
    left: 1025px;
    display: block;
}

    .area-waktu .waktu {
        text-align: center;
        padding: 3px 6px;
        background-color: mediumslateblue;
        color: azure;
        display: block;
        border-radius: 7px 7px 25% 25%;
        filter: drop-shadow(0 0 3px blueviolet);
    }

.container {
    width: 600px;
    height: 400px;
    border: 3px solid black;
    background-image: url(img/bg-tanah.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    filter: saturate(300%);
    margin: auto;
    cursor: url(img/palukecil1.png), auto;
}

.tanah {
    width: 200px;
    height: 200px;
    position: relative;
    overflow: hidden;
    float: left;
}

    .tanah::after {
        content: '';
        display: block;
        width: 200px;
        height: 100px;
        background: url(img/tanah.png) bottom center no-repeat;
        background-size: 80%;
        position: absolute;
        bottom: -1px;
    }

.tobi {
    width: 100%;
    height: 100%;
    background: url(img/tobi1.png) bottom center no-repeat;
    background-size: 70%;
    position: absolute;
    top: 95px;
    transition: top 0.3s;
}

.tanah.muncul .tobi {
    top: -29px;
}

.mulai-game:hover {
    background-color: azure;
    color: mediumslateblue;
}

.container:active {
    cursor: url(img/palukecil2.png), auto;
}

.tobi:active {
    background: url(img/tobistars.png) bottom center no-repeat;
    background-size: 70%;
}

.mulai-game:active {
    bottom: 2px;
    filter: opacity(.7);
}