html {
    width: 100vw;
    height: 100vh;
}

body {
    width: 100%;
    height: 100%;
    margin: 0px;
    overflow: hidden;
}

#myGame {
    width: 100%;
    height: 100%;
    background-color: rgb(25, 245, 245);
    position: relative;
}

#bushes {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 35%;

    background-image: url("assets/images/bush-1.png");
    background-repeat: repeat-x;
    background-position: bottom;
    background-size: auto 100%;

    image-rendering: pixelated;
    pointer-events: none;
    z-index: 1;
};

/* #computer {
    position: absolute;
    right: 0px;

    width: 25%;
    height: 100%;
    z-index: 1;
}

#computerSide {
    position: absolute;
    left: 0px;
    width: 40%;
    height: 100%;

    background-image: url("assets/images/computer-1.png");
    background-repeat: repeat-y;
    background-position: left;
    background-size: 128px auto;

    image-rendering: pixelated;
    pointer-events: none;
    z-index: 1;
}

#computerMenu {
    position: absolute;
    right: 0px;
    width: 60%;
    height: 100%;
    
    background-color: rgb(122, 122, 122)
}; */