* {
    font-family: 'Roboto Slab', serif;
}

p {
    font-weight: 300;
    font-size: 15px;
    text-align: center;
    color: #000;
}

.card {
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2), 0 4px 6px 0 rgba(0, 0, 0, 0.19);
}

.card-header {
    background: #5C258D;
    background: -webkit-linear-gradient(to top, #4360A8, rgb(85, 118, 199));
    background: linear-gradient(to bottom, #4360A8, rgb(85, 118, 199));
    background: #314755;
    background: -webkit-linear-gradient(to top, #4360A8, rgb(85, 118, 199));
    background: linear-gradient(to top, #4360A8, rgb(85, 118, 199));
    color: #fff
}

.card-footer {
    color: #fff;
}

thead {
    color: #000;
    font-weight: 500
}

.container {
    margin-top: 40px;
    padding: 10px;
}