body {
    font-family: 'Open Sans', arial, sans-serif;
    font-weight: 400;
    line-height: 1.6
}

body p.text-lg, body ul.text-lg, body ol li {
    font-size: .95rem;
    text-align: justify;
}

code {
    font-family: 'Source Code Pro', monospace;
    font-size: 0.9em;
}

.sidebar-transition {
    transition: transform 0.2s ease-in-out;
}

.custom-scrollbar::-webkit-scrollbar {
    width: 6px;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: #4B5563;
    border-radius: 9999px;
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background-color: #374151; /* gray-800 */
}
.dark .custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: #246E9F;
}
.text-sidebar-accent-foreground{
    color: hsl(210 40% 98%);
}

.text-blue-600 {!important;
    color: #5BA3D0;!important;
}

.header-container {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 4.5rem;
}

main {
    margin-top: 3rem;
}

.header-container .cont {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.header-container img {
    width: 12rem;
}

.header-container span {
    color: #58bbee;
    font-weight: 400;
    font-size: 2rem;
    margin-top: .2rem;
}

.header_nav-logo {
    display: flex;
    align-items: flex-end;
    gap: .3rem;
}

.header_nav-logo span {
    font-size: 1.5rem;
    padding-bottom: .2rem;
}

.secondary-tab {
    background: #246e9f;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    padding-inline: 1rem;
    margin-bottom: 1em;
}

.tab-button {
    padding: .5em;
    border-radius: .3em;
    border: 1px solid transparent;
}

.active-tab {
    border: 1px solid white;
    display: inline-block;
    color: white;
}