/* main {
    font: 10pt;
    } */

#mynetwork {
    width: 100%;
    height: 580px;
    border: 1px solid lightgray;
}
 
 
#legend-container {
    display: flex; 
    gap: 20px; 
    align-items: center; 
    margin-bottom: 10px;
}

.legend-item {
    display: flex; 
    align-items: center;
    gap: 10px; 
}

.color-box, .shape-box {
    width: 20px; 
    height: 20px; 
}
.shape-box{
    border: 1px solid black; 
}


.circle {
    border-radius: 50%; 
}

.oval {
    width: 40px; 
    height: 20px;
    border-radius: 50%; 
}

.round-rect {
    width: 40px; 
    height: 20px; 
    border-radius: 5px; 
}