body {
    background-color: rgb(231, 231, 231);
}

.tab-container {
    display: flex;
    justify-content: center;
    align-items: center;
}
.active-tab, .inactive-tab {
    background-color: rgb(255, 255, 255);
    cursor: pointer;
    margin:  1px 5px;
    padding: 15px 32px;
    width: 150px;
}
.active-tab {
    color: rgb(0, 0, 0, 1.0);
    height: 60px;
}
.inactive-tab {
    color: rgb(0, 0, 0, 0.6);
    height: 50px;
}

.tile {
    /* height: 300px; */
    /* width: 168px; */
    /* background: rgb(39, 199, 119); */
    margin: 20px;
}
.tile-image {
    width: 100%;
}
.container {
    display: grid;
    grid-template-columns: repeat(4,1fr);
}
@media only screen and (max-width:1110px) {
    .container{
        display: grid;
        grid-template-columns: repeat(2,1fr);
    } 
}
@media only screen and (max-width:700px) {
    .container{
        display: grid;
        grid-template-columns: repeat(1,1fr);
    } 
}