html {
    width: 100vw;
    height: 100vh;

    font-family: 'Courier', monospace;
    color: #ddd;
    text-shadow: 0 0 5px #ddd;
}
hr {
    width: 90%;
    height: 5px;
    
    background: #ddd;
    
    border: none;
    border-radius: 10px;
    box-shadow: 0 0 5px #ddd;
}
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
.ages {
    display: flex;
    width: 100%;
}
.ages div table {
    width: 1500px;
}
.ages th {
    width: 100px;
}
.ages div {
    width: calc(100% - 100px);
    
    overflow-x: scroll;
}

tr.selkie th {
    background: #f804;
}
tr.clavat th {
    background: #08f4;
}
tr.lilty th {
    background: #0f84;
}

.ded {
    color: #f008;
    text-shadow: 0 0 5px red;
}

.ages div table tr th:nth-child(odd) {
    filter: sepia(0.5);
}
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
.factions table{width: 100%;}
.factions table tr th:first-child{width: 100px;}
.factions table tr th:last-child{width: 350px;}
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
.hide {
    display: none;
}