@charset "UTF-8";
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 100vh;
}
* {
 	box-sizing: border-box;
}
.bg-image {
	/* The image used */
	background-image: url("images/tocome.png");
	/* Add the blur effect */
	filter: blur(2px);
	-webkit-filter: blur(2px);
	/* Full height */
	height: 100%;
	/* Center and scale the image nicely */
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.content {
 	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0, 0.4); /* Black w/opacity/see-through */
	color: white;
	font-weight: bold;
	border: 3px solid #f1f1f1;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
	width: 80%;
	padding: 20px;
	text-align: center;
}
.content > p {
	margin-top: 40px;
	margin-bottom: 40px;
}
.logo {
	background-color: #ffffff;
	padding: 20px;

	width: auto;
	height: auto;

	/* Center and scale the image nicely */
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.logo > img {
	max-height: 100%;
	max-width: 100%;
	object-fit: contain;
}