* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* #canvas1 {
    border: 5px solid black;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    font-family: 'Creepster', cursive;
} */

#canvas1 {
    border: 5px solid black;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    /* 去掉最大宽度 */
    max-height: none;
    /* 去掉最大高度 */
    font-family: 'Creepster', cursive;
}

#player,
#layer1,
#layer2,
#layer3,
#layer4,
#layer5,
#enemy_fly,
#enemy_plant,
#enemy_spider_big,
#fire,
#colllisionAnimation,
#lives {
    display: none;
}