@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/animated-bg.jpg);
	background-color:#fff;
}
.first-message {
	text-align:center;	
	font-family: 'Ma Shan Zheng', cursive;
	padding:8px;
	}
.first-message img {
	animation: rock infinite 1s;
	}
.mid-img {
	margin-left:auto;
	margin-right:auto;
	max-width:55%
	}
.top-img img {max-width:83%}
@media (max-width:992px) {
.mid-img {
	max-width:85%
	}
}
.second-message {
	text-align:center;	
	padding:8px;
	}
.bann-wrap {
	padding:4px; 
	margin:10px auto;
	overflow:hidden;
	background: rgba(255, 255, 255, .80);
	max-width: 83%;
	
	}
.quote-wrap {
	font-family: 'Courgette', cursive;
    font-size: 28px;
    padding: 8px 6px 8px;
    color: #42147b;
    margin-top: 10px;
    text-align: center;
    margin-bottom: 10px;
	max-width: 83%;
    margin-left: auto;
	margin-right: auto;
    background: rgba(255, 255, 255, .80);
    border: 6px solid rgba(255, 255, 255, .7);
}
.quote-wrap span {font-size:32px;color:#a6003f; display:block;}

.third-message {
	text-align:center;
	margin-top:15px;
	}
/*** DATE **/
.date-wrap {
    width: 83%;
    margin: 0 auto;
	}
.date-wrap table {
	width:100%;
	text-align:center;
	background: rgba(255, 255, 255, .85);
	}
.date-wrap table, .date-wrap table td {
	border:1px solid #d56e00;
	text-align:center
	}
.date-wrap table td,  .date-wrap table th {
	padding:5px;
	font-size:16px;
	margin:0;
	text-align:center
	}
.date-wrap table th {
	background-color:#d56e00;
	color:#fff;
	}
.nirghanta-wrap {text-align:center}
.nirghanta-wrap a, .nirghanta-wrap a:link {
	margin:0 auto 9px;
	background-color:#e75700;
	padding:5px 12px;
	display:block;
	max-width:275px;
	color:#FFFFCC;
	text-align:center;
	text-decoration:none;
	border-radius: 10px;
	transition: all 0.5s ease 0s;
}
.nirghanta-wrap a:hover {
	background-color:#6c9301;
}
.rock{animation:infinite 1s rock}
@keyframes rock {  0% {    transform: rotate(-1deg);  }
  50% {    transform: rotate(2deg);  }
  100% {    transform: rotate(-1deg);  }}
.santa{width:95%; height:auto; display:block; margin:5px auto;}

.mt-10 {margin-top:10}
.mb-10 {margin-bottom:10}

.footNav, .backNav {
	clear:both;
	overflow:hidden;
	padding:10px;
	display:table;
	margin:0 auto;
	text-align:center;
}
	.footNav ul, .backNav 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;
		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
	}
	.backNav ul, .backNav li  {
		list-style-type:none;
		display:inline-block;
		list-style:none;
	}
	.backNav li {
		background-color:#DC6F04;
		border-bottom:4px solid #993d00;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		margin: 0px 3px;
		text-align:center;
		color:#FCF2BB;
		line-height: 150%;
		-webkit-box-shadow: 0 4px 6px -6px black;
		   -moz-box-shadow: 0 4px 6px -6px black;
				box-shadow: 0 4px 6px -6px black;
		transition: all 0.5s ease 0s;
	}
	.backNav li a {
		color:#FDF3C0;
		padding:10px 20px;
		text-decoration:none;
	}
	.backNav li:hover {
		background-color:#dc3704;
		border-bottom:4px solid #922200;
		color:#FFED00;
		text-decoration:none
	}