table{
    border-collapse: collapse;
    font-size:14px;
    text-align: left;
    padding:10px 30px;
    margin:0 auto;
    width:100%;
}

table tr, table td{
    padding:5px 10px;
}

table td:not(.event){
    text-align:center;
}

tr.label th{
    background-color: #eceff1;
    font-weight: bold;
    position: sticky;
    top:0;
    border-bottom:1px solid gray;
    padding:10px;
    font-size:15px;

}
table tr:not(:first-child):not(:last-child){
    border-top:1px solid gray;
    border-bottom:1px solid gray;
}

table td:not(:first-child):not(:last-child){
    border-left:1px solid gray;
    border-right:1px solid gray;
}

div.classify .button_list{
    display:flex;
    justify-content: space-around;
    width:100%;
    padding-top:10px;
    padding-bottom: 20px;
}

.button_list button{
    width:100px;
    border:0;
    padding:10px;
    border-radius: 8px;
    background-color:#e8eaf6;
}

.button_list button.now{
    background-color:#283593;
    color:white;
}

tr.label th:not(.event){
    width:50px;
    border-right:1px solid gray;
    text-align: center;
}
tr:not(.label) td.dynasty{
    text-align: right;
    padding-right:5px;
}