body {
	background: linear-gradient(0.25turn, #3f87a6, #ebf8e1, #f69d3c);
	overflow: hidden;
}
a#de {
    display: none;
}
.container {
	width: 100%;
    height: 100%;
	display: flex;
	position: relative;
}
#beginButton {
	align-self: center;
    width: 200px;
    height: 50px;
    line-height: 52px;
    font-size: 20px;
    margin: auto;
    text-align: center;
    text-transform: uppercase;
    font-family: sans-serif;
    background: rgba(250,250,250,.8);
    border: 1px solid #666;
	cursor: pointer;
	user-select: none;
	z-index: 10;
}
#beginButton:hover {
	background: rgba(245, 173, 173, 0.8);
}

#messageOne { left: -3000px; top: 2000px; font-size: 30px; transform: rotate(0deg); }
#messageTwo { left: 3000px; top: -2000px; font-size: 30px; transform: rotate(0deg); }
#messageThree { left: -2000px; top: -2000px; font-size: 30px; transform: rotate(0deg); }
#messageFour { left: 2000px; top: 2000px; font-size: 30px; transform: rotate(0deg); }
#messageFive { left: -3000px; top: 3000px; font-size: 30px; transform: rotate(0deg); }
#messageSix { left: -3000px; top: -3000px; transform: rotate(0deg); }
#messageSeven { left: 2000px; top: -3000px; font-size: 30px; transform: rotate(0deg); }
#messageEight { left: -2000px; top: -2500px; font-size: 30px; transform: rotate(0deg); }
#messageNine { left: 3000px; top: 3000px; transform: rotate(0deg); }

.image {
	transition: ease .8s; 
	position: absolute; 
	width: 300px;
}

.message {
	position: absolute;
	text-align: center;
    text-transform: uppercase;
    font-family: sans-serif;
	transition: ease .8s;
}