body{
    margin: 0;
}

#wrapper{
    display: flex;
    flex-flow: row wrap;
    justify-content:end;
    align-content:flex-start;
    gap: 10px 0px;
}

#myPalettes{
    flex: 0 0 25%;
    background-color: whitesmoke; 
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0); 
    cursor: auto;
}

#myDiagramDiv{
    flex-grow: 1; 
    flex: 0 0 73%;
    height: 520px; 
    border: 1px solid black; 
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0); 
    cursor: auto;
}

#infobox{
    order:1;
    flex: 0 0 35%;
    background: #1E40AF; 
    color: whitesmoke; 
    padding: 2%; 
    font: 14px Lato, sans-serif
}

#infobox > h3{
    font-weight: bold;
}

#myInspector {
    order:2;
    flex: 0 0 34%;
}