#result {
	margin-top: 2rem;
	display: flex;
	align-items: center;
	gap: 1rem;
	flex-direction: column;
	height: 95px;
	opacity: 0;
}
#result.fadein {
	animation: fadeIn 0.5s ease forwards;
}
@keyframes fadeIn {
	from {
		opacity: 0;
		visibility: visible;
	}
	to {
		opacity: 1;
		visibility: visible;
	}
}
#indicator-img {
	height: 80px;
}
#result.visible {
	display: flex !important;
}
#form-container {
	width: 450px;
	padding: 20px;
	margin: 0 auto;
}
#risk-message {
	font: bold 16px Arial, Verdana, Sans-serif;
}
.genlabel {
	grid-column: first / line2;
	text-align: right;
	font: bold 12px Arial, Verdana, Sans-serif;
}
.form-group {
	display: grid;
	grid-template-columns: [first] 50px [line2] 230px [end];
	column-gap: 5px;
	align-items: center;
	padding: 5px;
	justify-content: center;
}
.extended-form, .select-search {
	grid-column: line2 / end !important;
}

.desc-container {
	margin:0 auto;
	width: fit-content;
	font-size: 12px;
}

.credits-wrapper {
	width: 900px;
	margin: 0 auto; /* centers the div horizontally */
}

.credits-container {
	display: flex;
	gap: 26px; /* Adjust spacing between items */
	align-items: center;
	font-size: 11px;
}

.credits-item {
	flex-grow: 0;
	flex-shrink: 0;
}

.logo {
	width: 20%;
	display: flex;
	justify-content: center;
	align-items: center;

}

.text {
	width: 60%;
	font-style: italic;
}