.table {
    width: 100%;
    border: 1px solid var(--color-border-primary);
    border-radius: .3rem;
    border-spacing: 0;
    border-collapse: separate;
    overflow: hidden;
    font-size: larger;
    @media screen and (max-width: 676px) {
    font-size: medium;;
    }
}

.container{
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 .8rem;
}

.iv{
    display: block;
    unicode-bidi: isolate;
}

.table td, .table th{
    border: solid var(--bg-secondary);
    border-width: 0 0 1px 1px;
    text-align: left;
}

.table td{
    color: var(--text-secondary);
}

#trad, #example{
    color: var(--text-tertiary);
    font-weight: 500;
}

#phoneme{
    color: var(--text-secondary);
}

div h4, div h5{
    color: var(--text-secondary);
    font-weight: 700;
}

#method-tab{
font-size: large;
}

.methodTabs{
    position: fixed;
    bottom: 0;
    justify-items: center;
    width: 100%;
    background-color: #201e29b4;
    backdrop-filter: blur(10px);
}

button#method-tab.nav-link.active {
    background-color: #ffffff8c ;
    color: #1c2240;
}

.tab-pane h2{
    text-align: center;
}

.tab-pane h3{
    text-align: center;
    color: var(--text-secondary);
    position: unset;
}