body {
	background: #f8f9fa;
	width: 100vw;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
}

main {
	background: white;
	width: 30rem;
	padding: 2rem;
	border-radius: 1rem;
	display: flex;
	flex-direction: column;
	box-shadow: rgb(0 0 0 / 30%) 5px 5px 8px;
}

section,header {
	display: flex;
	flex-direction: column;
	align-items: center;
}

img {
	width: 15rem;
}

/*input, button, a {*/
.form-group,.form-row{
	margin-block-end: 1rem;
}

.small_space{
	margin-block-end: 0.3rem;

}

#msg {
	align-self: center;
}

.my_popup{position: fixed; top: 0; left: 10%; width: 80%; height: 100%; background: white; z-index: 1000;overflow: scroll}