html,
body {
	height: 100%;
}

body {
	display: flex;
	align-items: center;
	padding-top: 40px;
	padding-bottom: 40px;
	background-color: #e7f1ff;
}

.form-signin {
	width: 100%;
	max-width: min(400px, calc(100vh - 10px));
	/*max-width: min(600px, calc(100vh - 10px));*/
	padding: 60px;
	margin: auto;
	background-color: white;
	border-radius: 25px;
	box-shadow: 0 0 16px rgba(28, 28, 28, 0.08);
}

.visual-form-box {
	max-width: 400px;
	margin: 0 auto;
}

@media (max-width: 1200px) {
	.form-signin {
		max-width: min(400px, calc(100vh - 10px));
		padding: 40px;
	}
	img {
		height: 180px;
	}
}

@media (max-width: 480px) {
	.form-signin {
		max-width: min(340px, calc(100vh - 10px));
		padding: 30px;
	}
}

.submit-btn {
	z-index: 2;
}

@media only screen and (max-width: 700px) {
	.material-bubble__text {
		font-size: 1rem;
	}
}

.did-floating-label {
	font-size: 15px;
}

h1.fw-normal {
	font-size: 1.7rem;
}