.login-box {
	height: auto;
	width: 380px;
	padding: 20px 35px;
	margin-left: auto;
	margin-right: auto;
/*	transform: translate(50%);*/
	border-radius: 10px;
	backdrop-filter: blur(3px);
	border: 2px solid rgba(255,255,255,0.1);
	box-shadow: 6px 6px 20px rgba(8,7,16,0.3);
	background-color: rgba(255,215,205,0.8);
}

.main {
	border-radius: 0;
/*	backdrop-filter: none;*/
	border: 0;
	box-shadow: none;
	background-color: transparent;
}

.paper::before {
	display: none;
}

input[type="submit"] {
	margin-top: 50px;
	width: 100%;
	background-color: #ffffff;
	color: #080710;
	padding: 15px 0;
	font-size: 1.2em;
	font-weight: 600;
	border-radius: 5px;
	cursor: pointer;
}

input {
	display: block;
	height: 60px;
	width: 100%;
	background-color: rgba(255,255,255,0.3);
	border: 3px;
	border-radius: 4px;
	padding: 0 10px;
	margin-top: 8px;
	font-size: 1.0em;
	font-weight: 300;
}

.shake_effect
{
	animation: shake 1s;
}
@keyframes shake 
{
	5%, 95% {
		transform: translate3d(-1px, 0, 0);
	}

	10%, 90% {
		transform: translate3d(2px, 0, 0);
	}

	15%, 85% {
		transform: translate3d(-3px, 0, 0);
	}
  
	20%, 80% {
		transform: translate3d(4px, 0, 0);
	}

	25%, 75% {
		transform: translate3d(-5px, 0, 0);
	}

	30%, 50%, 70% {
		transform: translate3d(6px, 0, 0);
	}

	40%, 60% {
		transform: translate3d(-7px, 0, 0);
	}
}