*{
    margin : 0;
    padding: 0;;
    box-sizing: border-box;
}
body{
    background: black;
}
#canvas1{
    border: 5px solid black;
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    border : 5px solid white;
    /* width:700px;
    height: 500px; */
    max-width: 100%;
    max-height: 100%;
}
#dragon,#grassmonster{
    display: none;
}