body {
    background-color: #000000;
}

.players {
    color: #dfdfdf;
}

span.players a {
    color: #dfdfdf;
}

.points {
    color: #dfdfdf;
    float: right;
}

.listhead {
    list-style: none;
    color: #dfdfdf;
    font-size: 15px;
    cursor: pointer;
    padding: 12px;
    background-color: #196fcf;
    margin-top: 15px;
}

.listname {
    list-style: none;
    color: #dfdfdf;
    font-size: 13px;
    cursor: pointer;
    padding: 12px;
    background-color: #1b1b1b;
    border-bottom: 1px solid #2f2f2f;
}
span.players a{
    color:#dfdfdf;
}
.main-ttl {
    font-size: 1.5rem;
    margin-top: 15px;
    color: #9bc03f;
    list-style:none;
}
.marginzero {
    margin: 0px;
    padding: 0px;
}

/*media query*/

@media (min-width:300px) and (max-width:400px){
    .players{
        font-size:11px;
    }
    .points{
        font-size:11px;
    }
}
@media (min-width:401px) and (max-width:500px){
    .players{
        font-size:11px;
    }
    .points{
        font-size:11px;
    }
}