@font-face {
  font-family: 'Lato';
  src: url('fonts/Lato-Regular.ttf') format('truetype');
}

/* Apply the custom font to the app */
body {
	font-family: 'Lato', sans-serif;
  	background-color: #fffffe; 

}

/* Style the title */
h2 {
	font-size: 24px;
	font-weight: bold;
	color: ##2F4F4F;
}

/* Styles for the introductory text */
.normalText{
  font-size: 16px; /* Slightly larger font size */
  color: #2c3e50; /* Dark blue-gray color */
  line-height: 1.2; /* Increase line spacing for readability */
  margin-bottom: 20px; /* Add spacing below the intro text */
}

/* Styles for the disclaimer */
.disclaimer {
  font-size: 12px; /* Smaller font size than the intro */
  color: gray; /* Light gray color for text */
  line-height: 1.5; /* Standard line height */
  border-top: 1px solid #ccc; /* Add a subtle top border */
  padding: 15px; /* Add padding inside the disclaimer box */
  margin-top: 20px; /* Add spacing above the disclaimer */
  background-color: WhiteSmoke;
  border-radius: 8px; /* Rounded corners for the disclaimer box */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Optional: Add a subtle shadow */
}

/* Styling for the bold text in the disclaimer */
.disclaimer b {
  color: #7f8c8d; /* Use a red color for emphasis */
  font-size: 15px; /* Slightly larger font for bold text */
}

/* Styling the contact information in the footer */
.contact-info {
	margin-top: 40px;
	font-size: 12px;
}

/* Style the form inputs */
input, select {
  font-size: 12px;
  padding: 5px;
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 4px;
  margin-bottom: 10px;
  box-sizing: border-box;
}

/* Style the action button */
#submit {
	background-color: #3498db;
	color: white;
	font-size: 16px;
	padding: 10px 20px;
	border: none;
	border-radius: 4px;
	cursor: pointer;
}

#submit:hover {
  background-color: #2980b9;
}

/* Add padding to the columns */
.col-sm-6 {
  padding: 20px;
}

/* Container for the message */
#message-container {
  width: auto; /* Let the width adjust naturally */
  display: inline-block; /* Align with the Submit button */
  vertical-align: middle; /* Vertically align with the Submit button */
  text-align: left; /* Keep the text aligned to the left */
  padding: 10px 15px; /* Reduce padding to avoid excessive height */
  margin-top: 0px;
  margin-left: 0px; /* Add spacing between the button and message */
  font-size: 16px; /* Consistent font size */
  color: white;
  line-height: 1.4; /* Improve text readability */
  background-color: hsla(10, 84%, 65%, 1); */
  border: 0px solid #ccc; /* Add a subtle border for clarity */
  border-radius: 4px; /* Rounded corners */
  /* box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
}

/* Fade-in animation */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

#message-container {
  animation: fadeIn 0.5s ease-in-out;
}

/* Add spacing between rows */
.row {
  margin-bottom: 20px;
}