#tab-navigator li h1{
    font-size: 1.2rem; 
    /* font-size: clamp(0.5rem, 0.8rem + 0.5vw, 1.4rem); */
}

/* for tab-navigation */
#tab-container #content-tab-1{
    /* background-image: url("./assets/tab-1.jpg"); */
    /* height: 0; */
    /* padding: 0; */
}

#tab-container #content-tab-2{
    /* background-image: url("./assets/tab-2.jpg"); */
}

#tab-container .content-body {
    display: none;
    /* background-position: center;
    background-repeat: no-repeat;
    background-size: cover; */
}

#tab-container .content{
    border: none;
}


#tab-container .tab.active:hover{
    opacity: 1;
    background-color: rgba(20, 66, 76, .5);
}

#tab-container .tab:hover{
    opacity: 0.5;
}

#tab-container .tab{
    border-bottom: 1px solid #414f6b;
    transition: all .5s ease-in-out;
    margin-top: 6px;
    cursor: pointer;
    user-select: none;
    border-radius: 1rem 1rem 0 0;
    padding: 4px 1.25rem 4px;
}

#tab-container .tab.active {
    padding-top: 6px;
    transition: all .5s ease-in-out;
    border-bottom: 1px solid white;
}

#tab-container .active {
    display: flex;
    /* height: 100%; */
}

#tab-container .active h1{
    color: white;
    /* border-bottom: 2px solid #414f6b; */
}

#tab-container .tab.active{
    background-color: rgb(20, 66, 76);
}