:root {
            --dark-blue: #003366;
            --white: #ffffff;
            --light-gray: #f4f4f4;
            --gray: #808080;
            --black: #000000;
            --primary-color: #1a73e8;
            --secondary-color: #ff5722;
            --yellow: #ffd700;
            --green-dark: #006400;
            --green: #00ff00;
            --blue: #0000ff;
            --cyan: #00ffff;
        }
        html {
            scroll-behavior: smooth;
        }
        body {
            margin: 0;
            padding: 0;
            font-family: Arial, sans-serif;
            background-color: var(--white);
        }
        .navbar {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            padding: 10px 20px;
            background-color: var(--white);
        }
        .menu {
            list-style: none;
			color: var(--yellow);
            display: flex;
            gap: 30px;
        }
        .menu li a {
            text-decoration: none;
            color: var(--blue);
            font-size: 16px;
            font-weight: normal;
        }
        .top-image {
            position: relative;
            width: 100%;
        }
        .top-image img {
            width: 100%;
            opacity: 0.8;
        }
        .overlay-text {
            position: absolute;
            top: 10%;
            left: 5%;
            color: var(--cyan);
            font-weight: bold;
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
        }