label, ::placeholder, textarea {
	font-family: var(--text-font);
}

::placeholder {
	color: var(--light-grey-color);
	font-weight: 600;
}

.input-container > input, .input-container > textarea {
	border: 1px solid var(--dark-blue-color);
	border-radius: 10px;
	padding: 0.5rem;
	max-width: 100%;
	min-width: 100%;
}

.input-container {
	margin-bottom: 1rem;
}

.response {
    text-align: center;
    margin-bottom: 1rem;
    border-radius: 10px;
    opacity: 1; /* Initial opacity */
    transition: opacity 1s ease-in-out; /* Transition only opacity */
	display: none;
}

.message {
    padding: 0.5rem;
    color: var(--white-color);
}

.danger {
	background-color: red;
}

.success {
	background-color: green;
}

.warning {
	background-color: orange;
}

.empty-field {
    border-color: red !important;
}