
@media screen and (max-width: 650px) {
    .todo, .progress {
        display: none;
    }
    .tab-header-section {
        display: block;
        position: absolute;
        left: 1.2rem;
        top: .5rem;
        margin-bottom: 1rem;
        /* background-color: black; */
    }
    .tab-header {
        display: flex;
    }
    .tab-link {
        outline: none;
        border: none;
        color: #393d5dca;
        font-weight: bold;
        background-color: transparent;
        padding: .6rem .8rem;
    }
    .tab-link:hover {
        /* color: ; */
        cursor: pointer;
    }

    .active {
        /* margin: 0; */
        color: floralwhite;
        background-color: rgb(214, 93, 71);
    }
    
}