@charset 'UTF-8';


/* FRONT PAGE */

#front-page {
	height: 100vh;
	
	position: relative;
}

.front-page-box {
	height: auto;
	width: 1200px;
	
	position: absolute;
	
	top: 50%;
	left: 50%;
	
	transform: translate(-50%,-50%);
	
	padding: 12px;
}

#front-page h1 {
	font-weight: 400;
	font-style: normal;
	
	font-size: 48px;
	line-height: 1.5;
	text-align: center;
	
	max-width: 100%;
}

#front-page p {
	font-weight: 400;
	font-style: normal;
	
	font-size: 12px;
	line-height: 1.5;
	text-align: center;
	
	max-width: 100%;
}

.country-selection {
	height: 100px;
	width: 204px;
	
	margin-left: auto;
	margin-right: auto;
}

.country-selection a button {
	height: auto;
	width: auto;
	
	float: left;
	
	margin-left: 12px;
		
	padding: 12px;
	
	transition: .5s;
	
	border: 3px solid #F6F6F6;
	border-radius: 12px;
	
	background: #F6F6F6;
}

.country-selection button:not(:first-of-type) {
	margin-left: 24px;
}

.country-selection button:hover {
	background: #FFFFFF;
}

.country-selection a button img {
	height: 48px;
	width: 48px;
	
	margin-bottom: 12px;
}

.country-selection a button p {
	color: black;
}

#btn-login {
	position: fixed;
	
	bottom: 24px;
	left: 50%;
	
	transform: translate(-50%,0);
}

#btn-login button {
	padding: 12px 24px;
	
	transition: .5s;
	
	border-radius: 12px;
	
	background: none;
}

#btn-login button:hover {
	background: #F6F6F6;
}

.thumbnail {
	height: 100%;
	width: 100%;
	
	position: fixed;
	top: 0;
	left: 0;
	
	z-index: -999;
	
	background-color: #CE0D0D;
}

.thumbnail img {
	height: 100%;
	width: 100%;
	
	object-fit: cover;
	
	-webkit-filter: blur(1px); /* Safari 6.0 - 9.0 */
	filter: blur(1px);
}


/* MOBILE */

@media screen and (max-width: 1200px) {
	
	.front-page-box {
		width: auto;		
	}

}