body{ 
    width: 800px;
    height: 450px;
    background-image: url("https://www.todofondos.net/wp-content/uploads/3840x2400-Fondo-de-Pantalla-Oscuro-Fondo-Linea-Superficie.-COSAS-scaled.jpg");
    background-size: contain;
}

#div {   position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    
};
    
#canvas1{
        border: 5px solid black;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 800px;
        height:450px;
    }
    
#boton {
    color: #7d0000;
    background-color: #f47500;
    font-family: serif;
    font-size: 30px;
    border-radius: 5px 5px 5px 5px;
    box-shadow:3px 2px 5px 1px #a24e00;
    position: absolute;
    margin-top: 330px;
    margin-left: -300px;
    width: 110px;
    height: 40px;
    
}
#boton:hover {color: #f47500;
    background-color: rgb(0, 0, 0);
}
    

#botonDos {
    color: #7d0000;
    background-color: #f47500;        font-family: serif;
    font-size: 30px;
    border-radius: 5px 5px 5px 5px;
    box-shadow:3px 2px 5px 1px #a24e00;
    position: absolute;
    margin-top: 330px;
    margin-left: -600px;
    width: 175px;
    height: 40px;
        
    }
#botonDos:hover {color: #f47500;
    background-color: rgb(0, 0, 0);}


#reiniciar{
    background-color: #ff7b0099;
       position:absolute;
       margin-top: 90px;
       margin-left: -80px;
            }

    #reiniciar:hover {
    background-color: #ff7b00}