div.tablinks-container {
    overflow: hidden;
    background-color: var(--tertiary-color);
    color: var(--main-color);
    width: fit-content;
}

div.tablinks-container button {
    background-color: inherit;
    color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
}
div.overflowing-buttons button{
    max-width: 11%;
    overflow: hidden;
    text-overflow: ellipsis;
}

div.tablinks-container button:hover {
    background-color: var(--last-color);
}

div.tablinks-container button.active {
    border: 1px solid var(--secondary-color);
    border-bottom: none;
}
div.overflowing-buttons button.active{
    max-width: 100%;
}

div.tab-content {
    display: none;
    border: 1px solid var(--secondary-color);
    text-align: left;
}
div.tab-content pre {
    white-space: pre-wrap;
    overflow-y: auto;
    max-height: 500px;
}
div.tab-content pre code{
    max-height: 100%;
    overflow-y: auto;
}

@media only screen and (max-width: 480px) {
    div.tablinks-container button {
        padding: 15px 5px;
        font-size: 10px;
    }
    div.tab-content pre code{
        font-size: 10px;
    }
}