html, body {
	height: 100%;
}
body {
	align-items: center;
	background: #142f4d;
	display: flex;
	padding-bottom: 40px;
	padding-top: 40px;
}
body::after, body::before {
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 100%;
	position: absolute;
	content: " ";
}
body::before {
	background-size: cover;
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);
	filter: blur(5px);
}
body::after, body::before {
	background-image: url("/img/cryptocheker.jpg");
}
h1 {
	color: #ffffff;
}
h2 {
	left: 20%;
	position: absolute;
	top: 50px;
}
form {
	background: rgba(255, 255, 255, 0.7);
	margin-left: auto;
	margin-top: 80px;
	padding: 10px;
	width: 350px;
	float: right;
	margin-right: 10px;
}
.form-signin {
	margin: auto;
	max-width: 960px;
	padding: 15px;
	width: 100%;
	z-index: 100;
}
.form-signin .checkbox {
	font-weight: 400;
}
.form-signin .form-floating:focus-within {
	z-index: 2;
}
.form-signin input[type="email"] {
	margin-bottom: -1px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.form-signin input[type="password"] {
	margin-bottom: 10px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.btn-primary {
	background-color: #142f4d;
	border-color: #142f4d;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
	background-color: #445a72;
	border-color: #445a72;
}
.form-floating {
	margin-bottom: 10px;
}