body{
    font-family: monospace;
    background-color: #171717;
    color: white;

}

a {
    color: white;
    text-decoration: none;
}
a:hover{
    text-decoration: underline;
}

tbody tr{
    border-bottom: 1px solid white;
    transition: 0.2s;
}  

th{
    text-align: left;
}

tbody tr:hover{
    background: rgb(80, 75, 75);
}

tr td:first-of-type {
	padding-left: 10px;
	padding-right: 10px;
}

tr td{
    padding-left: 10px;
    text-align: left;
    padding: 5px 0;
    padding-right: 10px;
}

td:nth-child(n+2){
    text-align: right;

}   

th:nth-child(n+2){
    text-align: right;
    padding-right: 25px;
}

table{
    border-collapse: collapse;
    margin: 20px auto 0;
    max-width: 80%;
    font-size: 1.1em;
}

/* https://stackoverflow.com/questions/31951282/why-is-marquee-deprecated-and-what-are-the-alternatives */
.marquee {

    white-space: nowrap;
    margin: 20px auto 0;
    max-width: 50%;
    overflow: hidden;
}
.marquee p {
    
    display: inline-block;
    padding-left: 100%;
    animation: marquee 13s linear infinite;
}
@keyframes marquee {
    0% { transform: translate(-100%, 0); }
    100%   { transform: translate(0, 0); }
}