* {
    padding: 0;
    margin : 0;
}

.clearfix::after {
    content: "";
    display: block;
    clear  : both;
}

.container-box {
    /* height: 100%;*/
    width     : 100%;
    margin    : auto;
    border    : 1px solid black;
    text-align: center;
}

#game {
    border        : 2px solid black;
    /* cursor     : none; */
    vertical-align: middle;
}

.img{
    -moz-user-select  : none;
    -khtml-user-select: none;
    user-select       : none;
}
.box {
    float : left;
    margin: auto;
}

.tip,
.right {
    width             : 200px;
    float             : left;
    -moz-user-select  : none;
    -khtml-user-select: none;
    user-select       : none;
}

.bigbox {
    border  : 10px dashed rgb(253, 176, 113);
    margin  : auto;
    width   : 950px;
    position: relative;
}

#box {
    cursor          : url('../assets/bitbug_favicon.ico'), pointer;
    /* border       : 1px solid black; */
    margin          : auto;
    width           : fit-content;
    position        : relative;
    background-image: url("../assets/bg1.jpg");
    /* animation    : danger 0.8s linear infinite; */
}

@keyframes danger {
    0% {}

    50% {
        box-shadow: 0px 0px 20px 10px red;
    }

    100% {}
}

button {
    cursor: url('../assets/bitbug_favicon.ico'), pointer;
}

#btn {
    position        : absolute;
    left            : 0;
    right           : 0;
    margin          : auto;
    width           : 50%;
    height          : 40px;
    border-radius   : 10px;
    outline         : none;
    border          : none;
    background-color: lightblue;
    font-size       : 20px;
    font-weight     : bold;
    color           : gray;
    margin-top      : 300px;
}

[data-hide="0"] {
    display: none;
}

[data-hide="1"] {
    display: inline;
}

#box>button:nth-child(3) {
    position        : absolute;
    left            : 0;
    right           : 0;
    margin          : auto;
    width           : 50%;
    height          : 40px;
    border-radius   : 10px;
    outline         : none;
    border          : none;
    background-color: lightblue;
    font-size       : 20px;
    font-weight     : bold;
    color           : gray;
    margin-top      : 300px;
}

#box>button:nth-child(4) {
    position        : absolute;
    left            : 0;
    right           : 0;
    margin          : auto;
    width           : 50%;
    height          : 40px;
    border-radius   : 10px;
    outline         : none;
    border          : none;
    background-color: lightblue;
    font-size       : 20px;
    font-weight     : bold;
    color           : gray;
    margin-top      : 350px;
}

#box>button:nth-child(5) {
    position        : absolute;
    left            : 0;
    right           : 0;
    margin          : auto;
    width           : 50%;
    height          : 40px;
    border-radius   : 10px;
    outline         : none;
    border          : none;
    background-color: lightblue;
    font-size       : 20px;
    font-weight     : bold;
    color           : gray;
    margin-top      : 400px;
}

#box>button:nth-child(6) {
    position        : absolute;
    left            : 0;
    right           : 0;
    margin          : auto;
    width           : 50%;
    height          : 40px;
    border-radius   : 10px;
    outline         : none;
    border          : none;
    background-color: lightblue;
    font-size       : 20px;
    font-weight     : bold;
    color           : gray;
    margin-top      : 450px;
}

#mubu {
    text-align      : center;
    width           : 100%;
    height          : 100%;
    background-color: rgba(0, 0, 0, 0.5);
    position        : absolute;
    left            : 0;
    top             : 0;
    z-index         : 100;
    color           : gray;
}

#mubu>button {
    /* position: absolute; */
    left            : 0;
    right           : 0;
    margin          : auto;
    width           : 50%;
    height          : 40px;
    border-radius   : 10px;
    outline         : none;
    border          : none;
    background-color: lightblue;
    font-size       : 20px;
    font-weight     : bold;
    color           : gray;
    margin-top      : 100px;
}

#mubu>:nth-child(1) {
    margin-top : 60px;
    font-size  : 30px;
    font-weight: bold;
}

#mubu>:nth-child(2) {
    margin-top : 100px;
    margin-top : 60px;
    font-size  : 30px;
    font-weight: bold;
}

/* .tip {
    position: absolute;
    top     : 0;
    left    : 200px;
    width   : 300px;
    z-index : -1;
} */

h1 {
    color: red;
}