:root{
    --grenat:#ffffff; /* Define the green color variable */
    color: var(--grenat); /* Example usage of the variable */
}

*{
max-width:100%;
box-sizing:border-box;
}

.form-group{
	position:relative;
	margin:30px 0;
}

.form-group label{
	position:absolute;
	left:5px;
	font-size:0.7em;
	background:white;
	top:-13px;
	padding:5px;
}
.textinput {
    width: 100%; /* Reduce the width to make the input smaller */
    padding: 8px; /* Further reduce padding for smaller height */
    border-radius: 4px;
    border: 1px solid #aaaaaa;
    outline-color: rgb(255, 255, 255);
    font-size: 0.6em; /* Reduce font size for smaller text */
    text-align: left; /* Aligns the placeholder text */
}

.container-fluid {
    background: url('back.png') white no-repeat left center;
    background-size: 50%; /* Reduces the size to 50% of the container */
}

.confirmation-input {
    width: 100%; /* Full width for the confirmation input */
    padding: 10px; /* Larger padding for better height */
    border-radius: 4px;
    border: 1px solid #aaaaaa;
    font-size: 1em; /* Larger font size */
    text-align: left; /* Center the placeholder text */
}

/* Header section styling */
.header-section {
    background: url('back.png') white no-repeat left center;
    background-size: 50%;
}

/* Alternative selector for first container-fluid (typically the header) */
body > .container-fluid:first-child {
    background: url('back.png') white no-repeat left center;
    background-size: 50%;
}