html{
    height: 100%;
	padding: 0;
	margin: 0;
    background-size: cover;
    background: #faffef;
    background: linear-gradient( to left top, #fdf2ff, #f6ffde);
	background-repeat: no-repeat;
    background-attachment: fixed;
}

body{
	padding: 0;
	margin: 0;	
	width: 100%;
}

#header{
	padding: 0;
	margin: 0;
    background-image: url("http://www.bachey.eu/JelloBallo/images/Header_Jelly.png");
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	font-size: 32px;
	overflow: auto;
	width: 100%;
	text-align: center;
	font-family: 'Thasadith', sans-serif;
}

.buttonContainer {
	padding: 5px 25px;	
}

.button {
	box-shadow: 0px 5px 11px 0px #636363;
	background:linear-gradient(to bottom, #f9d1ff 5%, #e0ff8c 100%);
	background-color:#f9d1ff;
	border-radius:18px;
	display:inline-block;
	cursor:pointer;
	color:#570657;
	font-size:24px;
	padding:7px 25px;
	text-decoration:none;
	text-shadow:0px 1px 0px #7a377a;
	transition: 0.3s;
}
.button:hover {
	background:linear-gradient(to bottom, #e0ff8c 5%, #f9d1ff 100%);
	background-color:#e0ff8c;
	transition: 0.3s;
}
.button:active {
	position:relative;
	top:1px;
	transition: 0.3s;
}

#jello-content {
	font-size: 24px;
	font-family: 'Scope One', serif;
	-moz-box-shadow: -1px -6px 11px 2px #333333;
	-webkit-box-shadow: -1px -6px 11px 2px #333333;
	padding: 40px 8%;
	text-align: justify;
	text-justify: inter-word;
	box-shadow: -1px -6px 11px 2px #333333;
	text-shadow:1px 1px 2px #7a377a;	
}

#footer {
	padding: 20px 8%;
	padding: 0;
	margin: 0;
    background-image: url("http://www.bachey.eu/JelloBallo/images/Header_Jelly.png");
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: auto;
	width: 100%;
	-moz-box-shadow: -1px -7px 17px 0px #888888;
	-webkit-box-shadow: -1px -7px 17px 0px #888888;
	padding: 40px 0px;
	box-shadow: -1px -7px 17px 0px #888888;
}

#footerText {
	font-size: 18px;	
	padding: 20px 8%;
	margin: 0;
	text-align: center;
	color:#fff;
	width: 25%;
	text-shadow:1px 1px #222; z-index:1000
	font-family: 'Thasadith', sans-serif;	
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,.4);
	-moz-box-shadow: -1px -7px 17px 0px #222222;
	-webkit-box-shadow: -1px -7px 17px 0px #222222;
	padding: 40px 0px;
	box-shadow: -1px -7px 17px 0px #222222;
	min-width: 200px;
}