canvas {
    border: 1px solid #ddd;
    width: 100%;
    height: auto;
}
.watermark-root-button {
    min-width: 200px;
    margin: .5em auto;
    padding: 0em 1em;
    border: none;
    background-color: #EBEBF4;
    color: #212121;
    text-align: left;
    font-size: 20px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */
}

.watermark-root-button i {
    background-color: #212121;
    color: #EFEFEF;
    font-size: 20px;
    padding: .5em;
    margin: .5em;
    border-radius: 50%;
}

.watermark-root-button:hover {
    background-color: #212121;
    color: #EBEBF4;
}

.watermark-root-button:hover i {
    background-color: #EFEFEF;
    color: #212121;
}





/* font control style  */
/* #font-control ul {
    list-style: none;
}

#font-control ul li {
    cursor: pointer;
}

#font-control ul li ul {
    list-style: none;
    display: none;
} */