body, html {
            font-family: "Inter", sans-serif;
            margin: 0;
            padding: 0;
            background-color: #000000;
            height: 100%;
			background: none;
    font-weight: 400;
        }
        .bg-container {
            background-image: url('greenLeafs.jpg');
            min-height: 100%;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            background-attachment: scroll;
        }
        header {
            padding: 30px;
            color: white;
        }
        .logo {
            width: 100px;
            height: auto;
			margin: 12px;
        }
		
		h1 {
			font-size: 48px;
			font-weight: 600;
			letter-spacing: -0.5px;
			margin-bottom: 10px;
		}

		h2 {
			font-size: 26px;
			font-weight: 500;
			margin-top: 60px;
		}

		p {
			font-size: 18px;
			line-height: 1.6;
			color: white;/* #d0d0d0;  /* not pure white */
		}

        nav {
			padding: 10px 20px;
        }
        nav a {
            color: white;
            text-decoration: none;
            padding: 10px;
			border-radius: 4px; 
            margin-right: 12px;
            transition: background-color 0.3s;
        }
        nav a:hover {
            background-color: #367c39;
        }
        nav a.active {
            background-color: #4CAF50;
        }
        main {
            color: white;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            text-align: left;
            margin: 0 auto;
    padding: -10px 120px;
            box-sizing: border-box;
            max-width: 700px;
			line-height: 1.35;
        }
		.highlight-link {
			color: white;
			background-color: #4CAF50;			
	border: 1px solid rgba(255,255,255,0.3);
	padding: 2px 4px;
	 display: inline-block; 
			border-radius: 4px;
			text-decoration: none;
			font-weight: bold;
			transition: background-color 0.3s;

		}

		.highlight-link:hover {
			background-color: #367c39;
		}
		.header-inner {
			display: flex;
			justify-content: space-between;
			align-items: center;
		}

		/* Scrollbar width */
::-webkit-scrollbar {
    width: 10px;
}

/* Track (background) */
::-webkit-scrollbar-track {
    background: #000000;
}

/* Handle (the moving part) */
::-webkit-scrollbar-thumb {
    background: #ffffff;
    border-radius: 6px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #cccccc;
}

::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,0.8);
}

html {
    scrollbar-width: thin;
    scrollbar-color: white black;
}

footer {    
    background: rgba(0,0,0,0.0);
    color: white;
    padding: 40px 20px;
    text-align: center;
    margin-top: 10px;
}

footer a {
    color: #4CAF50;
    text-decoration: none;
    margin: 0 5px;
}