body {
    font-family: 'MS Sans Serif', Arial, sans-serif;
    background-color: #008080;
    margin: 0;
    overflow: hidden;
}

#toolbar {
    background-color: #C0C0C0;
    border-top: 2px solid white;
    border-left: 2px solid white;
    border-bottom: 2px solid #808080;
    border-right: 2px solid #808080;
    padding: 5px;
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 10;
}

.tool-btn {
    font-family: 'MS Sans Serif', Arial, sans-serif;
    background-color: #C0C0C0;
    border-top: 2px solid white;
    border-left: 2px solid white;
    border-bottom: 2px solid #808080;
    border-right: 2px solid #808080;
    padding: 3px 10px;
    cursor: pointer;
    outline: none;
    font-size: 11px;
}

.tool-btn:active {
    border-top: 2px solid #808080;
    border-left: 2px solid #808080;
    border-bottom: 2px solid white;
    border-right: 2px solid white;
}

#physics-canvas {
    background-color: white;
}