@import url(https://fonts.googleapis.com/css?family=Montserrat);

html, body {
	background-color: #000005;
	color: #FFFFFF;
	font-family: "Montserrat";
	font-size: 10px;
	font-weight: lighter;
	height: 100%;
	letter-spacing: -1px;
	opacity: 0.9;
	overflow: hidden;

	-webkit-animation: bgcolor 20s infinite;
	animation: bgcolor 20s infinite;
	-webkit-animation-direction: alternate;
	animation-direction: alternate;
}

html {
	display: table;
	margin: auto;
}

body {
	display: table-cell;
	vertical-align: middle;
}

@keyframes bgcolor {
	0% {
		background-color: #000005
	}

	35% {
		background-color: #E71818
	}

	55% {
		background-color: #000005
	}

	80% {
		background-color: #E71818
	}

	100% {
		background-color: #000005
	}
}

a {
	color: #FFFFFF;
	padding: 6px;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

a:hover {
	color: #E71818;
	font-size: 35px;
	letter-spacing: -17px;
}

.foyerpulse {
    -webkit-animation: pulse 10s infinite ease-in-out;
    -o-animation: pulse 10s infinite ease-in-out;
    -ms-animation: pulse 10s infinite ease-in-out; 
    -moz-animation: pulse 10s infinite ease-in-out; 
    animation: pulse 10s infinite ease-in-out;
}

@-webkit-keyframes pulse {
    0% { -webkit-filter: blur(1rem); }
	25% { -webkit-filter: blur(0rem); }
    90% { -webkit-filter: blur(0rem); }
    100% { -webkit-filter: blur(1rem); }
}

@keyframes pulse {
    0% { -webkit-filter: blur(1rem); }
	25% { -webkit-filter: blur(0rem); }
    90% { -webkit-filter: blur(0rem); }
    100% { -webkit-filter: blur(1rem); }
}

.foyer img{
	border: none;
	transform: scale(0.8);
	transition: 1s ease-in-out;
}

.foyer img:hover {
	transform: scale(1);
}

.contactmaster {
	bottom: 5px;
	left: 50%;
	position: absolute;
	text-align: center;
}

.contactslave {
	position: relative;
	left: -50%;
}