/* Reset some default browser styles */
body, h1, h2, h3, p, ul, ol, li, figure, figcaption {
    margin: 0;
        padding: 0;
        }

        body {
            font-family: 'Roboto', sans-serif;
                line-height: 1.6;
                    color: #555;
                        background-color: #f8f8f8;
                        }

                        #navbar {
                            position: fixed;
                                left: 0;
                                    top: 0;
                                        height: 100%;
                                            width: 220px;
                                                background-color: #2c3e50; /* Midnight Blue */
                                                    overflow: auto;
                                                        padding: 20px;
                                                        }

                                                        #navbar h2 {
                                                            color: #ecf0f1; /* Clouds */
                                                                font-size: 1.5em;
                                                                    margin-bottom: 20px;
                                                                    }

                                                                    #main-doc {
                                                                        margin-left: 240px; /* Adjust margin to accommodate the navbar width */
                                                                            padding: 20px;
                                                                            }

                                                                            .main-section {
                                                                                margin-bottom: 40px;
                                                                                }

                                                                                .main-section header {
                                                                                    font-size: 2em;
                                                                                        color: #3498db; /* Dodger Blue */
                                                                                            margin-bottom: 15px;
                                                                                            }

                                                                                            .main-section p,
                                                                                            .main-section code,
                                                                                            .main-section li {
                                                                                                margin-bottom: 10px;
                                                                                                }

                                                                                                .nav-link {
                                                                                                    display: block;
                                                                                                        margin-bottom: 10px;
                                                                                                            text-decoration: none;
                                                                                                                color: #ecf0f1; /* Clouds */
                                                                                                                    padding: 8px;
                                                                                                                        border-radius: 4px;
                                                                                                                            transition: background-color 0.3s ease;
                                                                                                                            }

                                                                                                                            .nav-link:hover {
                                                                                                                                background-color: #34495e; /* Wet Asphalt */
                                                                                                                                }

                                                                                                                                /* Add your media query here for responsive design */
                                                                                                                                @media (max-width: 768px) {
                                                                                                                                    #navbar {
                                                                                                                                            width: 100%;
                                                                                                                                                    position: static;
                                                                                                                                                            margin-bottom: 20px;
                                                                                                                                                                }

                                                                                                                                                                    #main-doc {
                                                                                                                                                                            margin-left: 0;
                                                                                                                                                                                }
                                                                                                                                                                                }