@import url('https://fonts.googleapis.com/css?family=Courgette&display=swap');
@import url('https://fonts.googleapis.com/css?family=Ma+Shan+Zheng&display=swap');
@import url('https://fonts.googleapis.com/css?family=Domine&display=swap');
body {
	background-image: url(images/main-bg.jpg);
background-repeat:no-repeat;
background-attachment:fixed ;
background-position: 50% center;
background-size:cover;
}
.first-message {
	text-align:center;	
	font-family: 'Ma Shan Zheng', cursive;
	padding:8px;
	}
.first-message img {
	animation: rock infinite 1s;
	}
.second-message {
	text-align:center;	
	padding:8px;
	}
.bann-wrap {
	padding:4px; 
	margin-top:10px;
	margin-bottom:10px;
	overflow:hidden
	}
.quote-wrap {
	font-family: 'Courgette', cursive;
	font-size:30px;
	padding:8px 6px 8px;
	color:#118800;
	margin-top:10px;
	text-align:center;
	margin-bottom:10px;
	background: rgba(255, 255, 255, .50);
	border: 6px solid rgba(255, 255, 255, .5);
	}
.quote-wrap span {color:#e87400; display:block}

.third-message {
	text-align:center;
	margin-bottom:15px;
	margin-top:15px;
	}
.footNav {
	clear:both;
	overflow:hidden;
	padding:10px;
	display:table;
	margin:0 auto
}
	.footNav ul {
		padding-left:0
	}
	.footNav ul, .footNav li  {
		list-style-type:none;
		display:inline-block;
		list-style:none;
	}
	.footNav li {
		background-color:#DC6F04;
		margin:4px;
		padding:4px 10px;
		color:#FCF2BB;
		text-decoration:none;
		transition: all 0.5s ease 0s;
		display:inline-block
	}
	.footNav li a {
		color:#FDF3C0;
		text-decoration:none;
	}
	.footNav li:hover {
		background-color:#dc3704;
		color:#FFED00
	}


/**************
.ex1 {
  opacity: 0;
  perspective: 200px;
  font-family: 'Heebo', sans-serif;
}
.ex1 span {
  transform: rotateY(-90deg);
  opacity: 0;
}

.ex2 {
  opacity: 0;
  perspective: 200px;
}
.ex2 span {
  transform: rotateY(-90deg) rotateX(45deg);
  transform-origin: -50% 75%;
  opacity: 0;
}**/