/* --- Custom sadian style*/
html {
  scroll-behavior: smooth;
}
body{
	color: #555;
}
h1{
	margin-top: 50px;
}
h2{
	margin-top: 20px;
}
h3{
	font-size: 70px;
}
h5{
	margin-top: 50px;
}
hr{
	margin-top: 50px;
	margin-bottom: 50px;
}
		#pondsection{
			height: 300px;
			background-color: #474747;
			margin-top:55px;
			position:relative;
		}
		
		
		
		#pondcontainer{
			width: 100%;
			height: 300px;
			position:relative;
			left: -20px;
		}
		
		#gameCanvas{
			position:absolute;
			width: 100%;
			height: 300px;
			z-index:0;
		}
		
		#carouselExampleFade{
			position:absolute;
			height:300px;
			width:100%;
			z-index:1;
		}
		

		#carouselExampleFade .carousel-item{
			text-align:center;
			color: white;
		}
		
		#carouselExampleFade .carousel-item h3{
			color:white;
			margin-top: 100px;
		}
		
		
#intro{
	padding-top: 30px;
}
main a{
	text-decoration:underline;
	color:#333;
	font-weight:bold;
}
.row{padding: 40px 0px;}


.quoteRow{
	text-align:center;
	
}
.quoteCarouselRow{
	
	background-color:#f0f0f0;
	height: 300px;
	
	
	}
.quoteCarouselRow .carousel-item{
	height:300px;
	text-align:center;
	padding-top: 30px;
}
.carousel-control-next,
.carousel-control-prev /*, .carousel-indicators */ {
    filter: invert(100%);
}

.quote{
	font-size:20px;
	font-style:italic;
}

		
#footer{
	padding-top: 20px;
	background-color: #333;
	color: white;
	margin-top: 50px;
	margin-bottom: 0px;
	padding-bottom: 20px;
}
#footer a{
	text-decoration:underline;
	color:#fff;
	font-weight:bold;
}