html, body {
    width: 100%;
    overflow-x: hidden; /* Prevent horizontal scrolling */
    scroll-behavior: smooth; /* Optional: Smooth scrolling */
}

body{
    background: black;
    margin:0;
    padding:0;
    box-sizing: content-box;
}


#canvas1{
    position: absolute;
    top:50%;
    left:50%;
    width: 800px;
    height: 720px;
    transform: translate(-50%,-50%);
    border: 5px solid white;
    max-width: 100%;
    max-height: 100%;
  
}
#playerImage ,#backgroundImage,#enemyImage{
    display: none;
}
#fullScreenButton{
    position: absolute;
    font-size: 20px;
    padding:10px;
    top:10px;
    left:50%;
    transform: translate(-50%,-50%);

}