html, body {
    font-family: "VT323", serif;
    display: flex;
    justify-content: center;
    margin: 0;
    height: 100%;
    align-items: center;
}

#gameContainer {
    position: relative;
    width: 800px; 
    height: 500px; 
}

#canvas {
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgb(112, 164, 182);
}

#playAgainButton {
    position: absolute;
    top: 53%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 10px 15px;
    font-size: 30px;
    cursor: pointer;
    font-family: "VT323", serif;
    border: none; 
    border-radius: 10px; 
    background-color: #16175e; 
    color: rgb(255, 255, 255);
}

#startButton {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 10px 15px;
    font-size: 30px;
    cursor: pointer;
    font-family: "VT323", serif; 
    background-color: #64acdc; 
    color: rgb(255, 255, 255); 
    border: none; 
    border-radius: 10px; 
}

#background {
    position: absolute;
    left: 0;
    top: 0;
    width: 1000px; 
    height: 500px;
    background-image: url("../images/background.jpg");
    background-size: cover;
}