@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

body {
	background-color: #232331;
	font-family: 'Roboto', sans-serif;
}

#captchaForm {
	visibility: hidden;
}

#captchaBackground {
	height: 200px;
	width: 250px;
	background-color: #2d3748;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	visibility: inherit;
}

#captchaHeading {
	color: white;
	visibility: inherit;
}

#captcha {
	font-size: 30px;
	letter-spacing: 3px;
	margin: auto;
	display: block;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	visibility: inherit;
}

.center {
	display: flex;
	flex-direction: column;
	align-items: center;
}

#submitButton {
	margin-top: 2em;
	margin-bottom: 2em;
	background-color: #08e5ff;
	border: 0px;
	font-weight: bold;
}

#refreshButton {
	background-color: #08e5ff;
	border: 0px;
	font-weight: bold;
	visibility: inherit;
}

#textBox {
	height: 25px;
}

.incorrectCaptcha {
	color: #FF0000;
}

.correctCaptcha {
	color: #7FFF00;
}