canvas {
    
    box-shadow: 6px 7px 5px -2px rgba(0, 0, 0, 0.39);
    -webkit-box-shadow: 6px 7px 5px -2px rgba(0, 0, 0, 0.39);
    -moz-box-shadow: 6px 7px 5px -2px rgba(0, 0, 0, 0.39);
    cursor: pointer;
    border: 1px solid #ddd;
    margin-top:5px;
}

.test-ojala {
    display: none;
}

.tools {

    padding-left: 110px;
    align-items: center;
    margin-top: 15px;

}

.tools .color-fields {



    cursor: pointer;
    display: inline-block;
    box-sizing: border-box;
    border-radius: 50%;
    border: 2px solid white;

}


.tools button {
    /* text-align: center; */
    /* align-self: center; */
    width: 100px;
    height: 40px;

    border: 2px solid white;
    cursor: pointer;
    color: white;
    background: #222;
    font-weight: bold;
    margin: 0 15px;
}