body {
    margin: 0;
    text-align: center;
}

button { margin-right: 1em; }

img { vertical-align: middle; }



a[href] {
    color: #2070b0;
    outline: none;
    text-decoration: none;
}
a[href]:visited {
    color: #104060;
}
a[href]:focus,
a[href]:hover {
    color: #2070f0;
    text-decoration: underline;
}
a[href]:active {
    color: #002030;
}



.medskip { margin-top: 2ex; }

.surname { font-variant: small-caps; }



footer { margin-bottom: 1ex; }

footer > p {
    border-top: 1px solid black;
    margin: 1ex 0 0;
    padding: 1ex 0 0;
}

footer > ul {
    display: inline-block;
    margin: 0 auto;
    text-align: left;
}



header > h1 { font-size: x-large; }



main > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}


main div { margin: 2ex 0; }


#canvasContainer > canvas {
    background-color: #f0f0f0;
    box-shadow: 1ex 1ex 1ex silver;
    border-radius: 50%;
    cursor: crosshair;
}

#infos {
    height: 4ex;
    margin: 0;
    text-align: left;
}

#infos strong { color: red; }

#verticesList {
    display: inline-block;
    min-width: 33ex;
    text-align: left;
}

#verticesList table > tbody > tr > th {
    font-weight: normal;
    padding-right: 1ex;
    text-align: right;
}