.container {
    width: 100%;
    background: linear-gradient(45deg,#49a09d,#5f2c82);
}

.tablestyle {
    width: 100%;
    border-collapse: collapse;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
}

    .tablestyle > thead th {
        background-color: #55608f;
        padding: 15px;
        color: #fff;
        text-align: center;
    }

    .tablestyle > tbody tr:hover {
        background-color: rgba(255,255,255,0.3);
    }

    .tablestyle > tbody td {
        padding: 15px;
        background-color: rgba(255,255,255,0.2);
        color: #fff;
        text-align: center;
    }

        .tablestyle > tbody td:hover:before {
            content: "";
            position: absolute;
            background-color: rgba(255,255,255,0.2);
        }