style.css

body {
    font: 10pt Arial, Helvetica, sans-serif;
    background: white;
    color: whitesmoke;
    font-family: sans-serif;
    padding: 0;
    margin: 0;
}

.menu-draw {
    background-color: white;
    border-radius: 5px;
    display: flex;
    float: left;
    justify-content: space-between;
    height: 100vh;
    margin: 0px auto 0px;
    overflow: hidden;
    padding: 0px;
    position: relative;
    width: 100%;
}

.primitives {
    background-color: plum;
    border-radius: 5px;
    float: left;
    height: 100%;
    left: 0;
    margin-top: 0;
    overflow: hidden;
    width: 17%;
}

.dropzone {
    background-color: white;
    display: flex;
    float: left;
    justify-content: space-between;
    height: 100%;
    margin: 0px auto 0px;
    overflow: hidden;
    padding: 0px;
    width: 83%;
}

.draggable {
    color: darkorchid;
}

.primitives-list {
    margin-left: 0;
    padding-left: 0;
}

.one-prim {
    list-style-type: none;
}

.backg {
    height: 100vh;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.my-canvas {
    border: solid 1px black;
    height: 100%;
}