body {
    background-color: #124a0d; /*Dark green*/
    color: #fa990e;
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6 {
    color: #fa990e; /*Darker orange*/
}

a {
    color: #a5dbe5; /*Softer blue*/
    text-decoration: none; /*Remove underline*/
}

a:hover {
    text-decoration: underline; /*Underline on hover*/
}

/* Container for navigation links */
.navbar {
    display: flex;
    justify-content: space-between; /* Spread items across the available width */
    align-items: center; /* Align items vertically in the middle */
    background-color: #5a8d26; /* Dark green background */
    padding: 10px 20px; /* Optional: add some padding for spacing */
    box-shadow: 0px 4px 12px rgba(90, 141, 38, 0.9); /* Adds shadow to the navbar */
}

/* Style for the navigation links */
.navbar a {
    font-weight: bold;
    text-decoration: none;
    margin: 0 15px; /* Spacing between the links */
}

/* Buttons (Orange) */
button, .btn {
    background-color: #fa990e; /* Brighter orange for buttons */
    color: #ffffff; /* White text on buttons */
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
}

button:hover {
    background-color: #ea8900; /* Darker orange on hover */
    box-shadow: 0px 3px 6px rgba(0, 70, 0, 0.3); /* Add shadow for a subtle effect */
}

/* Tables */
table {
    width: 100%;
    border-collapse: collapse;
}

th, td {
    padding: 10px;
    border: 1px solid #333; /* Black table borders */
}

th {
    background-color: #fa990e; /* Orange background for table headers */
    color: #ffffff; /* White text in table headers */
}

td {
    background-color: #fef0d7; /* White background for table cells */
    color: #111111; /* Dark gray text */
}

/* Forms */
input[type="text"], input[type="password"] {
    background-color: #fef0d7;
    padding: 10px;
    border: 1px solid #333; /* Black border */
    border-radius: 5px;
    box-shadow: 0px 2px 4px rgba(0, 70, 0, 0.2); /* Subtle shadow */
}

input[type="submit"] {
    background-color: #ff9933; /* Brighter orange for submit buttons */
    color: #ffffff; /* White text */
    border: none;
    padding: 10px 20px;
    cursor: pointer;
}

input[type="submit"]:hover {
    background-color: #cc6600; /* Darker orange on hover */
}

div.box{
    width: 330px;
    padding: 2rem 1rem;
    margin: 50px auto;
    margin-top: 10rem;
    background-color: #fff;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 20px 35px rgba(192, 255, 192, 0.2);
}

.box form {
    display: flex;
    flex-direction: column;
    gap: 15px;
}