/*
 * Copyright (c) 2019. SPSR Tech.
 */
.auth-form {
	font-size: inherit;
	position: relative;
	z-index: 10;
	width: 34%;
	top: 12%;
	left: 0px;
	right: 0px;
	margin: auto;
	/*background: rgba(0, 0, 0, 0.3);*/
	background: transparent;
	border-radius: 8px;
	text-align: center;
}

.auth-form form {
	pointer-events: visible;
	font-size: 1em;
}

@-webkit-keyframes autofill {
	to {
		background-color: transparent;
		background-image: url("../image/input_bg.png");
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		font-size: inherit;
		caret-color: #FFFFFF;
	}
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
	-webkit-text-fill-color: #F9BA91;
	animation-name: autofill;
	animation-fill-mode: both;
	transition: background-color 5000s ease-in-out 0s !important;
	caret-color: #FFFFFF;
}

.auth-form input {
	caret-color: #FFFFFF;
	font-size: inherit;
	font-family: GameFont, serif !important;
	background-color: transparent;
	background-image: url("../image/input_bg.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	width: calc(100% - 2em);
	padding: 0.4em 1em;
	border: none;
	margin-top: 0.25em;
	margin-bottom: 0.25em;
	color: #F9BA91;
	transition: all 0.2s;
	border-radius: 2px;
	box-shadow: none;
}

.auth-form input::placeholder {
	color: #B58866;
	opacity: 0.5;
	transition: opacity 0.5s;
}

.auth-form input:focus::placeholder {
	opacity: 0.9;
	transition: opacity 0.5s;
}

.auth-form input:focus,
input:active {
	border: none;
	outline: none !important;
	box-shadow: 0 5px 10px 9px rgb(11, 0, 0);
	transform: translate(0, -1px);
}

#message {
	font-size: 1.1em;
	min-height: 2em;
	max-height: 3.4em;
	overflow: hidden;
	color: rgba(255, 200, 200, 0.9);
	text-shadow: 0px 0px 5px rgba(255, 0, 0, 0.7);
}