/* 

Table of Contents:
	Why Donate / Process
	Where the money goes
	Mobile/Destop Settings

*/

form {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0.5rem;
	padding: 0% 5%;
}

label {
	visibility: hidden;
	font-size: 1px;
}

select, input {
	border-color: transparent;
	border-style: solid;
	border-radius: var(--round-corners);
	padding: 0.5em 1em;
	margin-block: 0.5em;
	min-width: 150px;
}

select {
	color: black;
}

input[type=submit] {
	margin-inline: auto;
	margin-block: 1rem;
	max-width: 30rem;
	padding-inline: 5%;
	width: 50%;
}

/* Auth message handler */

#status-alert { 
	border-radius: var(--round-corners);
	margin-inline: auto;
	width: 90%;
}

.alert-error {
	background-color: var(--orange);
}

.alert-success {
	background-color: var(--dark-green);
}

#alert-message {
	color: var(--text-color);
	font-size: var(--step-1);
	margin-block-end: 0;
	padding-block: 0.75rem;
	/* text-transform: uppercase; */
}

.hidden {
	display: none;
}