.con{
    text-align: center;
}
.l{
    float: left;
    margin-left: 20%;
}
.c{
    display: inline-block;
}
.r{
    float: right;
    margin-right: 20%;
}
a{
    color: black;
}

a.cool{
    text-decoration: none;
    cursor: pointer;
}

html {
    font-family: Tahoma, Geneva, sans-serif;
    padding: 10px;
}
table {
    border-collapse: collapse;

}
th {
    background-color: #54585d;
    border: 1px solid #54585d;
}
th:hover {
    background-color: #64686e;
}
th a {
    display: block;
    text-decoration:none;
    padding: 10px;
    color: #ffffff;
    font-weight: bold;
    font-size: 17px;
}
th a i {
    margin-left: 5px;
    color: rgba(255,255,255,0.4);
}
td {
    padding: 10px;
    color: #636363;
    border: 1px solid #dddfe1;
}
tr {
    background-color: #ffffff;
}
tr .highlight {
    background-color: #f9fafb;
}
table.center{
    margin-top: 1em;
    margin-left:auto;
    margin-right:auto;
    text-align: left;
}

.title{
    color: #2c3e50;
    text-transform: uppercase;
    text-align: center;
}