
.wp-block-group.alignwide.is-content-justification-space-between.is-layout-flex.wp-container-core-group-layout-3.wp-block-group-is-layout-flex{
    max-width: 100%;
}

.wp-block-group.alignwide.has-base-background-color.has-background.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained{
    padding: 20px 20px 0px 20px !important;
}

html {
    position: relative;
    min-height: 100vh;
}

body {
    height: 100vh;
    align-items: stretch;
    display:flex;
    flex-direction: column;
    flex:1;
}

.wp-site-blocks {
    display:flex;
    flex: 1;
    flex-direction: column;
}

#app {
    display: flex;
    flex-direction: column;
    flex: 1;
}

#rowOne{
    display: flex;
    flex:1;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0px 15px 15px 15px
}


#rowTwo{
    display: flex;
    flex:20;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 15px;
    margin: 0 15px 10px 15px;
}

#app_tools{
    display: flex;
    flex: 1;
    flex-direction: row;
}

#app_menu{
    display: flex;
    flex: 1;
    flex-direction: column;
    min-width: 150px;
    min-height: 50px;
}

#app_drawingarea{
    display: flex;
    flex: 12;
}

#app_properties{
    display: flex;
    flex: 1;
    flex-direction: column;
    min-width: 200px;
    min-height: 50px;
}

.canvas-container{
    display: flex;
    flex: 1;
    width: 100% !important;
}

canvas {
    outline: none !important;
    border: none!important;
}

*:focus {
    outline: 0;
}
