@theme {
    --font-sans: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
    'Segoe UI Symbol', 'Noto Color Emoji';
}

.omni-container {
    border-radius: 10px;
    width: 100%;
    max-width: 98vw;
    min-height: 80vh;
    margin-left: auto;
    margin-right: auto;
    background: linear-gradient(358deg, #ffffff, #e7f4f5, #e5f2e1);
    background-size: 600% 600%;
    animation: headerimage-omni 13s ease infinite;
    position: relative;
}

.omni-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 14%, rgba(255, 255, 255, 0) 100%);
    z-index: 1;
}

.navbar-brand {
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
}

.navbar-brand img {
    width: 250px;
}

.markdown-content h1,
.markdown-content h2,
.markdown-content h3,
.markdown-content h4 {
    font-weight: 700;
    color: #2c3e50;
    margin-top: 1.5em;
    margin-bottom: 0.5em;
}

.markdown-content h1 {
    font-size: 1.75rem;
}

.markdown-content h2 {
    font-size: 1.4rem;
}

.markdown-content h3 {
    font-size: 1.15rem;
}

.markdown-content h4 {
    font-size: 1rem;
}

.markdown-content p {
    margin-top: 0.75em;
    margin-bottom: 0.75em;
    line-height: 1.7;
    color: #374151;
}

.markdown-content ul,
.markdown-content ol {
    margin-top: 0.5em;
    margin-bottom: 0.75em;
    padding-left: 1.5em;
}

.markdown-content ul {
    list-style-type: disc;
}

.markdown-content ol {
    list-style-type: decimal;
}

.markdown-content li {
    margin-top: 0.3em;
    margin-bottom: 0.3em;
    line-height: 1.6;
    color: #374151;
}

.markdown-content ul ul,
.markdown-content ol ol,
.markdown-content ul ol,
.markdown-content ol ul {
    margin-top: 0.25em;
    margin-bottom: 0.25em;
    padding-left: 1.5em;
}

.markdown-content ul ul {
    list-style-type: circle;
}

.markdown-content a {
    color: #2563eb;
    text-decoration: underline;
}

.markdown-content a:hover {
    color: #1d4ed8;
}

.markdown-content hr {
    border: none;
    border-top: 1px solid #e5e7eb;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}

.markdown-content strong {
    font-weight: 600;
    color: #1f2937;
}

.markdown-content code {
    background-color: #f3f4f6;
    color: #374151;
    padding: 0.1em 0.35em;
    border-radius: 0.25rem;
    font-size: 0.875em;
}

@keyframes headerimage-omni {
    0% {
        background-position: 88% 0%;
    }
    50% {
        background-position: 13% 100%;
    }
    100% {
        background-position: 88% 0%;
    }
}