#zone {
    width: 100vw;
    height: 100vh;
    position: relative;
    background-image: url('res/background.png'); /* Add your background image here */
    background-size: cover; /* Make the background image cover the entire container */
    background-position: center; /* Center the background image */
}

#door {
    width: 75px;
    height: 150px;
    position: absolute;
}

#character, .enemy {
    position: absolute;
}

#character {
    height: 150px;
    left: 100px;
    top: 100px;
}

.enemy {
    height: 150px;
}

.title {
    position: absolute;
    top: 20px;
    left: 20px;
    font-family: 'Press Start 2P', cursive;
    color: white;
    font-size: 24px;
}