/* stress */

.form-control:focus {
    color: none;
    background-color: none;
    border-color: var(--accent_maroon);
    outline: 0;
    box-shadow: none;
	border-radius: 0;
}

.btn,
.btn:hover {
	background-color: var(--accent_maroon);
	color: var(--light);
	margin-top: 20px;
	padding-left: 45px;
	padding-right: 45px;
	border-radius: 0;
}

#input_card,
#output_card {
	background-color: var(--light);
	border-radius: 0;
}

#input_card {
	color: var(--darkblue);
	margin-top: 80px;
}

#output_card {
	margin-top: 20px;
	color: var(--darkblue);
}

#output_word {
	color: var(--accent_maroon);
}

#spinner_col {
	display: flex;
	justify-content: flex-end;
	margin-top: 20px;
	color: var(--accent_maroon);
}

#spinner {
	margin-right: 8vw;
	width: 3rem;
	height:3rem;
}

#message_col {
	text-align: center;
	margin-left: 20px;
	margin-right: 20px;
	color: var(--darkblue);
}