/* Reset some default styles for better consistency */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        p {margin-bottom: 25px;}

        /* Basic styles for the page */
        body {
            font-family: Arial, sans-serif;
            background-color: #333;
            margin: 0;
        }

        /* Header styles */
        header {
            background-color: #333;
            color: #fff;
            padding: 20px;
            text-align: center;
        }
        
        
        header h1 {color: #edd9be;} 
        header img {width: 70%; margin-top: 20px;}

        /* Navigation styles */
        nav {
            background-color: #8b0100;
            color: #fff;
            padding: 20px;
            display: flex;
            justify-content: space-between;
        }


        nav ul {
            list-style: none;
            display: flex;
            margin: 0 auto;
        }

        nav li {
            margin: 0 15px;
        }

        /* Style for unvisited links */
        nav a:link {
            color: #fff;
            text-decoration: none;
        }

        /* Style for visited links */
        nav a:visited {
            color: #bbbbbb; /* grey for visited links */
            text-decoration: none;
        }

        /* Style for mouse over links */
        nav a:hover {
            text-decoration: underline;
        }

        /* Style for active links */
        nav a:active {
            color: #dfa09f; /* lighter red for active links */
        }


        

        /* Main content container */
        .container {
            display: flex;
            flex-wrap: wrap;
            margin: 20px;
        }

        /* Content area styles */
        .content {
            flex: 2.5; /* Adjusted to 2.5 for more space reltive to sidebar*/
            background-color: #fff;
            padding: 20px 30px 30px 50px;
        }
        
        .content h1 {color: #a64741;}
        .content h1, h2 {text-align: center;}
        
        .indent {margin-top: 40px; padding: 0 10%;}

        /* Sidebar styles */
        .sidebar {
            flex: 1;
            background-color: #ddd;
            padding: 20px;
        }

        /* Footer styles */
        footer {
            background-color: #333;
            color: #fff;
            text-align: center;
            padding: 10px;
        }

        /* Responsive styles */
        @media screen and (max-width: 768px) {
            .container {
                flex-direction: column;
            }

            nav ul {
                display: none;
                flex-direction: column;
                text-align: center;
                width: 100%;
                position: absolute;
                top: 60px;
                left: 0;
                background-color: #444;
                z-index: 1;
            }

            nav ul.active {
                display: flex;
            }

            .hamburger-menu {
                display: flex;
            }

            .hamburger-menu.active ~ .container .content,
            .hamburger-menu.active ~ .container .sidebar,
            .hamburger-menu.active ~ footer {
                display: none;
            }
        }