body, html {
	height: 100%;
	display: grid;
}
main {
	/*margin: auto;
	min-height: 500px;*/
}
* {
	text-align: center;
	font-family: "Lucida Console";
	margin: auto;
}
div {
	<!--font-variant: small-caps;-->
	color: #003c71;
}
div.bold {
	color: green;
	letter-spacing: 2px;
	padding-bottom: 15px;
}
div.db_values {
	/*border-bottom: 1px solid;
	border-style: hidden;
	margin: auto;*/
	max-width: 550px;
	/*background-color: #e1e8ef;*/
}
.img {
	width: 400px;
	height: 400px;
}
.flex-container {
  display: flex;
  /*flex-wrap: nowrap;*/
}
.flex-container > div {
	margin-right: 13px;
}
.w3-zoom {
	animation:animatezoom 1.5s
	}
	@keyframes animatezoom {
		from {
			transform:scale(0)
		}
		to {
			transform:scale(1)
		}
	}
.w3-card-4 {
	box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19);
	padding: 10px;
}
.w3-card {
	box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)
}
.w3-fading {
	animation:fading 10s infinite
	}
	@keyframes fading {
		0% {
			opacity:0
		} 
		50% {
			opacity:1
		}
		100% {
			opacity:0
		}
	}