body {
    background-color: black;
    font-family: monospace;
    padding: 50px 20px 100px 20px;
}

.row {
    margin: 10px auto;
    width: 2000px;
}

.header {
    height: 50px;
    text-align: center;
    font-weight: bold;
    color: white;
    font-size: x-small;
    border: white solid 1px;
    margin: auto 0px;
}

.edge {
    height: 100px;
    color: white;
    margin: auto;
    text-align: center;
    padding: 0px;
}

.edge p {
    background-color: red;
    padding: 4px;
    font-weight: bolder;
}



.card {
    width: 55px;
    float: left;
    padding: 3px 2px; 
}

.row:after {
    content: "";
    display: table;
    clear: both;
}

.card-interior { border: solid 1px white }

.element-name {
    margin: 7px auto;
    text-align: center;
    overflow-wrap: break-word;
    hyphens: auto;
    padding: 0px 1px;
    font-size: smaller;
    height: 30px;
}

.element-text {
    margin: auto;
    text-align: center;
    font-size: small;
}

.abbre {
    font-size: larger;
    color: blue;
    font-weight: bolder;
}

.s { background-color: #ff9999; cursor: pointer; }
.f { background-color: #9bff99; cursor: pointer; }
.d { background-color: #99ccff; cursor: pointer; }
.p { background-color: #fdff8c; cursor: pointer; }

.primordial { border: white solid 3px }
.decay      { border: red dashed 3px }
.synthetic  { border: blue dotted 3px }