/* custom.css */

/* Default: non-sticky */
.sticky-toc {
    position: static;
}

/* Apply sticky only on large screens and above (≥992px) */
@media (min-width: 768px) {
    .sticky-toc {
        position: sticky;
        top: 100px; /* Adjust as needed */
    }
}

/* Override paragraph text color */
p {
    color: black !important;
}

/* Override list item text color */
li {
    color: black !important;
}

/* Adjust content padding when sidebar is hidden (mobile view) */
@media screen and (max-width: 767px) {
    .content {
        padding: 1rem;
    }
}

/* Set sidebar width and content margin for desktop view */
@media screen and (min-width: 768px) {
    .sidebar {
        position: sticky;
        top: 56px; /* Height of the navbar */
        height: calc(100vh - 56px);
        padding: 1rem;
        background-color: #f8f9fa;
        overflow-y: auto;
    }
    .content {
        padding: 1rem;
        margin-top: 56px; /* Height of the navbar */
    }
}

/* assets/custom.css */

/* Custom Navbar Class with Blur Effect */
.custom-navbar {
    background-color: rgba(255, 255, 255, 0.5) !important;
    backdrop-filter: blur(10px); /* Adds a blur to the background */
    -webkit-backdrop-filter: blur(10px); /* For Safari support */
    height: 56px;
    padding: 10px 20px;
}

body {
    color: black;
}

/* assets/styles.css */

/* Typewriter Base Class */
.typewriter-line {
    font-family: 'Courier New', Courier, monospace;
    font-size: 1rem;
    color: #000; /* Ensure text is visible */
    display: inline-block; /* Necessary for caret positioning */
    white-space: nowrap; /* Prevent text from wrapping */
    overflow: hidden; /* Hide overflowing text */
    /* Remove border-right to eliminate large caret */
}