body{
    background-color: black;
}

.ui .header{
    color: white;
}

.text-white{
    color: white;
}

.ui.divider{
    padding-top: 50px;
}



.ui.divider.text-white{
    color: white;
}

table a{
    color: #6ba7e2;
    outline: none;
    padding:0px;
    text-decoration: none;
    font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
    padding-bottom: 3px;
}


a{
    font-family: 'Inconsolata', monospace;
    text-decoration: none;
    color: #ffc61b;
    outline: none;
    padding:10px;
}

.ui .table thead tr th{
font-size:large;
    font-weight: bold;

}


a {
    display: inline-block;
    position: relative;
    padding-bottom: 3px;
}
a:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    width: 0;
    transition: width 0s ease, background .5s ease;
}
a:after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 3px;
    width: 0;
    background: gold;
    transition: width .5s ease;
}
a:hover:before {
    width: 100%;
    background: white;
    transition: width .5s ease;
}
a:hover:after {
    width: 100%;
    background: transparent;
    transition: all 0s ease;
}

.ui.card, .ui.cards>.card {
    width: 450px;
    background: black;
}


.date-in-past, tr.date-in-past > td > a {
    text-decoration: line-through;
}


.ui.embed{
    border: 4px solid white;
}