/* Global Styles */
body {
  font-family: Arial, Helvetica, sans-serif;
  background-color: #f4f9f4; /* light background for readability */
  color: #000000; /* black text for clarity */
  margin: 0;
  padding: 0;
}

/* Header */
header {
  background: #2d6cdf;
  color: white;
  padding: 20px;
  text-align: center;
}



/* Navigation */
        nav {
            background-color: #1b4fbf;
            padding: 10px;
            text-align: center;
        }

        nav a {
            color: white;
            text-decoration: none;
            margin: 0 10px;
        }

        nav a:hover {
            text-decoration: underline;
        }

/* Buttons */
button {
  background-color: #006400; /* dark green */
  color: #ffffff;
  border: none;
  padding: 10px 20px;
  margin: 10px;
  cursor: pointer;
  border-radius: 4px;
  transition: background-color 0.3s ease;
}
button:hover {
  background-color: #003366; /* switch to blue on hover */
}

/* Sections */
section {
  padding: 40px;
  border-bottom: 1px solid #cccccc;
}
section h2 {
  color: #003366; /* blue headings */
}
section p {
  color: #333333; /* dark gray for readability */
}

/* Footer */
footer {
  background-color: #000000;
  color: #00cc66; /* green text for footer */
  text-align: center;
  padding: 20px;
}

        body {
            font-family: Arial, sans-serif;
            background-color: #f2f6ff;
            margin: 0;
            padding: 0;
        }

        /* Header */
        header {
            background-color: #2d6cdf;
            color: white;
            text-align: center;
            padding: 20px;
        }

        /* Navigation */
        nav {
            background-color: #1b4fbf;
            padding: 10px;
            text-align: center;
        }

        nav a {
            color: white;
            text-decoration: none;
            margin: 0 10px;
        }

        nav a:hover {
            text-decoration: underline;
        }

        /* Form Container */
        .container {
            width: 400px;
            margin: 50px auto;
            background: white;
            padding: 20px;
            border-radius: 10px;
            box-shadow: 0 0 10px rgba(0,0,0,0.1);
        }

        h2 {
            text-align: center;
        }

        input,
        select,
        textarea {
            width: 100%;
            padding: 10px;
            margin: 8px 0;
            border-radius: 5px;
            border: 1px solid #ccc;
            box-sizing: border-box;
        }

        button {
            width: 100%;
            padding: 10px;
            background-color: #2d6cdf;
            color: white;
            border: none;
            border-radius: 5px;
            cursor: pointer;
        }

        button:hover {
            background-color: #1b4fbf;
        }

        /* General Page Styling */
body {
    font-family: Arial, sans-serif;
    background-color: #f2f6ff;
    margin: 0;
    padding: 0;
}

/* Header */
header {
    background-color: #2d6cdf;
    color: white;
    text-align: center;
    padding: 20px;
}

/* Navigation */
nav {
    background-color: #1b4fbf;
    padding: 10px;
    text-align: center;
}

nav a {
    color: white;
    text-decoration: none;
    margin: 0 10px;
}

nav a:hover {
    text-decoration: underline;
}

/* Form Container */
.container {
    width: 400px;
    margin: 50px auto;
    background-color: white;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

/* Heading */
h2 {
    text-align: center;
}

/* Form Elements */
input,
select,
textarea {
    width: 100%;
    padding: 10px;
    margin: 8px 0;
    border-radius: 5px;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

/* Button */
button {
    width: 100%;
    padding: 10px;
    background-color: #2d6cdf;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
}

button:hover {
    background-color: #1b4fbf;
}