a{
  text-decoration: none;
}
#navigation {
    text-align: center;
}
#navigation p {
    font-size: 1.5em;
}
#table-periodic {
    width: 100%;
    font-size: 0.8em;
}
#table-periodic td {
    width: 5%;
    height: 30px;
    text-align: center;
    vertical-align: top;
}
#table-periodic td.element {
    border: 1px solid black;
    background-color: #99DDCC;
    font-weight: bold;
}
.tablenote {
    font-size: 0.8em;
    text-align: left;
    width: 100%;
}
.summary-data td {
    text-align: left;
}
.subtitle {
    text-align: center;
    color: #cc0000;
}
.help {
    text-align: center;
    font-size: 0.8em;
    color: #666;
    font-style: italic;
}
.polymorph {
    clear: both;
}
#table-periodic td.block-alkali {
    background-color: #FFCC33;
}
#table-periodic td.block-alkaline {
    background-color: #FFFF44;
}
#table-periodic td.block-transition_metal {
    background-color: #DDBBBB;
}
#table-periodic td.block-halogen {
    background-color: #22EECC;
}
#table-periodic td.block-rare_earth_metal {
    background-color: #EEBBDD;
}
#table-periodic td.block-chalcogen {
    background-color: #22FF22;
}
#table-periodic td.block-metalloid {
    background-color: #77DD88;
}
#table-periodic td.block-noble_gas {
    background-color: #77CCFF;
}
#table-periodic td.has-wulff-False {
    background-color: #DDD;
    color: #888;
}
#table-periodic td.selected {
    background-color: #fff;
}
.img-wulff {
    width: 100%;
    /*border: 1px solid black;*/
}
.img-full-wulff {
    width: 500px;
    object-fit: cover;
    vertical-align: top;
    /*width: 100%;
    clip: rect(0px,60px,0px,60px);*/
}
.polymorph {
    width: 100%;
    font-size: 1.1em;
}
.polymorph-table {
    width: 100%;
    text-align: center;
    align-left: auto;
    align-right: auto;
    vertical-align: top;
}
.polymorph-table td {
    vertical-align: top;
}
.table-surfaces {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.table-surfaces th {
    vertical-align: bottom;
    border: 1px solid black;
    padding: 5px;
    background-color: black;
    color: white;
}
.table-surfaces td {
    width: 33%;
    text-align: center;
    border: 1px solid black;
    padding: 5px;
}
.footnote {
    font-size: 0.7em;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.polymorph-header {
    padding-top: 20px;
}
.click-note{
    font-weight: bold;
    font-size: 0.6em;
}

#title{
  text-align: center;
  float: center;
}
#stats{
  text-align: center;
  font-size: 0.8em;
}
.stats-number{
  font-weight: bold;
  font-size: 1.3em;
}