body{
    font-family: Arial, Helvetica, sans-serif;
}

.container{
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    max-width: 1080px;
    align-self: center;
    margin: auto;
}
    
.row{
    display: flex;
    flex-direction: row;
    /*padding: 1rem 0;*/
}
    
.col{
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.centered{
    align-self: center;
    justify-content: center;
}

.m-auto{
    margin: auto;
}

ellipse:hover,
path:hover{
    cursor: pointer;
    filter: hue-rotate(30deg);
    -webkit-filter: hue-rotate(30deg);
}

table#propiedades,
table#elementsSelector {
    border-collapse: collapse;
    width: 100%;

    margin: 2rem 0;
}

table#elementsSelector{
    display: flex;
    flex-direction: column-reverse;
}

table#propiedades td{
    width: 50%;
}

table#propiedades td, table#propiedades th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
    }

table#propiedades tr:nth-child(even) {
    background-color: #dddddd;
}