body {
		display: flex;
		justify-content: center;
		align-items: center;
		min-height: 100vh;
		margin: 0;
		/* background-color: #f5f5f5; */
		background-color: rgb(232, 240, 233);
		font-family: system-ui, -apple-system, sans-serif;
	}

	form {
		display: flex;
		flex-direction: column;
		gap: .9rem;
		width: 100%;
		max-width: 600px;
		padding: 2rem;
		/* background: white; */
		background-color:#bFEEc2
		border-radius: 8px;
		/* box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); */
	}

	input {
		padding: 0.75rem;
		border: 1px solid #ddd;
		border-radius: 4px;
		font-size: 1rem;
	}

	input:focus {
		outline: none;
		border-color: #4a90e2;
	}

	button {
		padding: 0.75rem;
		background-color: #4a90e2;
		color: white;
		border: none;
		border-radius: 4px;
		font-size: 1rem;
		cursor: pointer;
		font-weight: 500;
	}

	button:hover {
		background-color: #357abd;
	}
	
.card {
        border: 1px solid #ccc;
        border-radius: 8px;
        padding: 25px;
        margin-bottom: 0px; /* Space between cards */
		  /* padding-bottom: 0; */
        background-color: #f9f9f9;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
		  text-align: left;
    }

    .card label {
        display: block; /* Ensures label is on its own line */
        margin-bottom: 10px;
        font-weight: 400;
		  font-size: .9rem;
		  font-style: italic;
    }

    .card input[type="text"],
    .card input[type="email"] {
        width: 100%; /* Makes input fill the card width */
        padding: 8px;
        border: 1px solid #ddd;
        border-radius: 4px;
        box-sizing: border-box; /* Includes padding and border in width */
    }
	 
	 .TopCard {
		/* background-color: #070; */
	        border-top: 10px solid #070;
	 }
	 
	 
input[type="text"]::placeholder {
	.color: #cccccc; /* Example light gray for placeholder */
	opacity: .5; /* Ensure consistent opacity across browsers */
}
	 
input[type="email"]::placeholder {
	.color: #cccccc; /* Example light gray for placeholder */
	opacity: .5; /* Ensure consistent opacity across browsers */
}

.InTesting {
	color: red;
	margin: 0;
	padding: 0;
}

h4 {
	margin: 0;
	padding: 0;
}


.CommunityHeading {
	font-weight: 600;
	margin-bottom: 5px;;
}

.HeadingBlock {
	width: 90%;
	text-align: center;
	margin: 0 auto;
}

.HeadingBlock H1 {
	margin-top: 0;
	padding-top: 0;
	text-align: left;
	text-align: center;
	color: #040;
	/* font-size: 1.2rem; */
	font-size: 30px;
	/* padding-left: 25px; */
}

.Instructions {
		width: 90%;
		display: inline-block;
		font-size:15px; 
		line-height:21px; 
		font-weight:300; 
		text-align:left; 
		margin: 0 0 0 0; 
		padding: 5px 0 10px 0;
		/* background-color: #0A03; */
		/* width: 80%; */
}