body {
    font: 16px fantasy;
    color: rgb(108, 5, 5);;
    background: linear-gradient(90deg, #c79456 20%, #ebd9c9 90%);
    text-align: center;
}

canvas {
    border: 4px solid rgb(108, 5, 5);
    border-radius: 10px;
}

.source {
    float: left;
}

.change {
    display: inline-block;
}

#sliders {
    /* No se muestra en pantalla */
    display: none;
}

#source1 {
    border: 4px solid rgb(108, 5, 5);
    border-radius: 10px;
}

#source2 {
    border: 4px solid rgb(108, 5, 5);
    border-radius: 10px;
}

button {
    width: 130px;
    padding: 15px;
    border: 2px solid rgb(108, 5, 5);;
    border-radius: 12px;
    margin-top: 5px;
    margin-right: 5px;
    margin-left: 5px;
    font: 18px fantasy;
    background-color: white;
    color: rgb(108, 5, 5);
}

button:hover {  /* Aclarar botón presionado */
    background-color: rgb(208, 156, 156);
}