.tab {
    list-style: none;
}

.tab li {
    display: inline-grid;
    width : 33%;
    text-align:center;
    background: #DDDD;
    padding: 10px;
    border-radius: 10px;
}

.tab li a {
    text-decoration: none;
    color : black;
}

/*.tab li.active a {
    color: red;
}*/

.tab li.active a {
    color: white;
    font-size:1.5rem;
}

    .tab li.active {
        display: inline-grid;
        width: 33%;
        text-align: center;
        background: red;
        padding: 10px;
        border-radius: 10px;
    }

ul {
    list-style: none;
}

.tab-content li {
    display: none;
}

    .tab-content li.active {
        display: block
    }