#canvas {
    border: 1px solid black;
    position: absolute; 
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background-color: #f5ebda;
}
body {
    margin: 0px;
    padding: 0;
    height: 100%;
    overflow: hidden;
    background-color: #f2e1c2;
}
#overlay {
    position: absolute; 
    top: 25%;           
    left: 50%;         
    transform: translate(-50%, -50%);
    z-index: 10;       
    color: white;
    font-family: 'Itim', cursive;
    text-align: center;
    background: rgb(0,0,0); 
    padding: 1rem 2rem;
    border-radius: 8px;
}
img {
    position: absolute;
    top: 75%;           
    left: 0%; 
    transform: translate(+10%, -50%);
    height: 40%;
    width: 30%;
    border: solid 2px black;
    border-radius: 8px;
}
#textbox {
    position: absolute;
    top: 75%;
    left: 75%;
    transform: translate(-50%, -50%);
    background-color: white;
    z-index: 20;
    color: black;
    border: solid 2px black;
    width: 25%;
    padding: 1rem 2rem;
    border-radius: 8px;
    font-size: 18px;
    font-family: 'itim', cursive;
}