/* ---Master Scaling--- */

html 	{
	font-size: 125%; /* Boosts everything relative to the browser default */
	}


/* ---Header and Footer Formating--- */

.header-text {
  	text-align: left;
	color: #FFFFFF;
	}

.footer-text {
  	text-align: center;
	color: #FFFFFF;
	}


/*---Image Container---*/

.image-container {
  display: flex;
  justify-content: center; /* Centers horizontally */
  align-items: center;     /*Centers vertically */
  /*height: 100vh;            Optional: Makes container fill the screen height */
}


/* ---Contact Form Styling--- */

.form-container	{
  	display: flex;
  	flex-direction: column;
	gap: 10px; /* Adds 15px of space between each vertical row */
	font-size: 110%; 
	font-weight: bold;
	}

.form-container input {  
	display: flex;
	font-size: 110%;
	}

textarea {
  	height: 150px; /* Fixed height */
 	min-height: 80px; /* Prevents it from getting too small */
  	max-height: 400px; /* Prevents it from breaking layouts */
  	box-sizing: border-box; /* Includes padding/borders inside the height calculation */
	font-size: 150%;
	}

/* Arrange options horizontally and align the whole block to the left */
.radio-group {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: flex-start; /* Forces content to align to the left */
  text-align: left;        /* Overrides any text-align: center from parent containers */
  margin: 5px 3px 5px 3px;     /* Removes default list margin */
  gap: 20px;                   /* Adds exactly 20px of space between items */
}

/* Ensure the radio circle and text sit nicely next to each other */
.radio-option {
  	display: flex;
  	align-items: center;    /* Vertically aligns the circle with the text */
  	cursor: pointer;
	}

/* Reset any global input widths that might break layout */
.radio-option input[type="radio"] {
  width: 1.25em;
  height: 1.25em;
  margin-left: 30px;
  margin-right: 10px;      /* Adds a clean gap between circle and text */
}

input[type="submit"] {
	font-size: 150%;          /* Makes the text larger */
    	padding: 25px 100px;      /* 25px top/bottom, 100px left/right spacing */ 
	border-radius: 5px; 
	}



/* ---Checkbox Formatting--- */

/* Arrange options horizontally and align the whole block to the left */
.checkbox-group {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: flex-start; /* Forces content to align to the left */
  text-align: left;        /* Overrides any text-align: center from parent containers */
  margin: 5px 3px 5px 3px;     /* Removes default list margin */
  gap: 20px;                   /* Adds exactly 20px of space between items */
}

/* Ensure the radio circle and text sit nicely next to each other */
.checkbox-option {
  	display: flex;
  	align-items: center;    /* Vertically aligns the circle with the text */
  	cursor: pointer;
	}

/* Reset any global input widths that might break layout */
.checkbox-option input[type="checkbox"] {
  width: 1.25em;
  height: 1.25em;
  margin-left: 30px;
  margin-right: 10px;      /* Adds a clean gap between circle and text */
}



/* ---Tables--- */

.my-indented-table {
    	margin-left: 60px; /* Adjust this value to your preferred indent distance */
    	border-collapse: collapse;
	}

.my-indented-table th, .my-indented-table td {
    	border: 1px solid #000;
    	padding: 8px;
	}


/* ---Site Wide Elements--- */

body 	{
	margin: 0;
	background-color: #FFFFFF;
	font-family: sans-serif;
	}

header, footer {
	background-color: #006400;
      	margin: 5px;
      	padding: 15px;             	/* Adds space between the text and the border */
       	border-radius: 5px; 		/* Optional: Rounds the corners of the border */
	}

img 	{
  	max-width: 100%;
 	height: auto;		/* Adjusts height to maintain aspect ration */
 	display: block; 	/* Removes unwanted baseline spacing under the image */
	}

iframe	{
  	max-width: 100%;
 	height: 640px;		/* Adjusts height to maintain aspect ration */
 	display: block; 	/* Removes unwanted baseline spacing under the image */
	}

main 	{
	padding: 15px 5px 20px 5px;
	margin-left: 15%;
	margin-right: 15%;
	{