body {
    font-family: sans-serif;
}

figure {
    margin: 0.5em;
    position: relative;
    border: 0.2em solid lightgray;
    border-radius: 0.5em;
    padding:1em;
    text-align: center;
}

figure input {
    font-size: 1.2em;
}

figure td {
    padding-left: 0.5em;
    padding-right: 0.5em;
}

figure table {
    margin: auto;
    text-align:left;
}

a:visited {
    background-color: #e0e0d0;
    color: #101010;
}
a:link {
    background-color: #e0e0d0;
    color: #101010;
}
a:active {
    background-color: #e0e0d0;
    color: #101010;
}
a:hover {
    background-color: #a0a0a0;
    color: #aa5500;
}
a {
    text-decoration: none;
}

.flex-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    align-content: space-around;
    position:absolute;
    opacity:0.99;
}

.flex-container div {
    margin: 1em;
    position: relative;
}

.flex-container figure {
    margin: 0.5em;
    position: relative;
    border: 0.1em solid lightgray;
    border-radius:0.5em;
    padding:1em;
    text-align: center;
}

.flex-container form {
    margin: 1em;
    position: relative;
    border: 0.1em solid lightgray;
    border-radius:0.5em;
    padding:1em;
    text-align: center;
}