/********************************  ><(((*>   <*)))><  ********************************//    css file for mypisgah.com/    Reed Nethercutt 7/4/2014/    updated 7/24/2014 for improved readability//********************************  ><(((*>   <*)))><  ********************************//* main content box */* {  box-sizing: border-box;}.slider {  width: 720px;  text-align: center;  overflow: hidden;  margin-left: auto;  margin-right: auto;  color: black;	font: 30px 'Signika', sans-serif;		padding: 5px;	text-align: center;	margin: 5px;	font-style: italic;	font-weight: bold;}.slides {  display: flex;    overflow-x: auto;  scroll-snap-type: x mandatory;        scroll-behavior: smooth;  -webkit-overflow-scrolling: touch;    /*  scroll-snap-points-x: repeat(300px);  scroll-snap-type: mandatory;  */    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";    filter: alpha(opacity=70);    opacity: .7;*/}.slides h2{	color: black;	font: 50px 'Signika', sans-serif;		padding: 5px;	text-align: center;	margin: 5px;	font-style: italic;	font-weight: bold;}.slides p{	color: white;	font: 30px 'Signika', sans-serif;		padding: 5px;	text-align: center;	margin: 5px;	font-style: italic;	font-weight: bold;}.slides::-webkit-scrollbar {  width: 10px;  height: 10px;}.slides::-webkit-scrollbar-thumb {  background: black;  border-radius: 10px;}.slides::-webkit-scrollbar-track {  background: transparent;}.slides > div {  scroll-snap-align: start;  flex-shrink: 0;  width: 720px;  height: 500px;  margin-right: auto;  margin-left: auto;  border-radius: 30px;  background: #F37121;  transform-origin: center center;  transform: scale(1);  transition: transform 0.5s;  position: relative;    /*display: flex;*/  display: block;  justify-content: center;  align-items: center;  font-size: 20px;}.slides > div:target {/*   transform: scale(0.8); */}img {  object-fit: cover;  position: absolute;  top: 0;  left: 0;    /*width: 100%;  height: 100%;*/}.slider > a {  display: inline-flex;  width: 100px;  height: 1.5rem;  background: white;  text-decoration: none;  align-items: center;  justify-content: center;  border-radius: 10px;  margin: 0 0 0.5rem 0;  position: relative;}.slider > a:active { /* top: 1px;*/  color: red;}.slider > a:focus {  background: red;}/* unvisited link */.slider > a:link {  color: #F37121;}/* visited link */.slider > a:visited {  color: #F37121;}/* Don't need button navigation */@supports (scroll-snap-type) {  .slider > a {    display: none;  }}/*html, body {  height: 100%;  overflow: hidden;}*/body { background: #0A0A0A url('guitarBackground.jpg')  scroll no-repeat left top;    display: flex;  /*align-items: center;*/  justify-content: center;  /*background: linear-gradient(to bottom, #74ABE2, #5563DE);*/  //font-family: 'Ropa Sans', sans-serif;  font: 10px 'Signika', sans-serif;	  color: white}/* my old stuff.... */#contentWrapper{	z-index: 0;	/*float: left;*/	/*height: 900px;*/	display: flex;	overflow-x: auto;}#content{	/*width: 800px;*/	/*float: left;*/		margin-left: auto;	margin-right: auto;	margin-top: 10px;	margin-bottom: 10px;	padding: 5px;	z-index: 1;}#content h1{	color: white; 	font: 70px 'Kaushan Script', cursive;	text-shadow: 5px 5px 4px gray;	letter-spacing: 0;	text-align:center;	margin-top: 5px;	margin-bottom: 5px;	}.main {	background-color: white;	opacity: 0.8;	border-style: solid;    border-width: 5px;	border-color: black;	}	.maincont {	background-color: white;	opacity: 0.8;	border-style: solid;    border-width: 5px;	border-color: black;	}/* sub content box */	.sub{	background-color: darkred;	color: white;	opacity: 0.7;	border-style: solid;    border-width: 5px;	border-color: black;}/* page title */.title {	color: white; 	font: 70px 'Kaushan Script', cursive;	text-shadow: 5px 5px 4px gray;	letter-spacing: 0;	text-align:center}.boxContainer{	position: relative;/*float: left;	*/	clear: all;	min-height: 20px;		display: table;		margin-bottom: 20px;	}.cBig{	width: 710px;	min-height: 20px;	/*margin-left: 20px;	margin-right: 20px;*/	padding: 5px;		flex-shrink:0;}	.cLeft{			width: 430px;	height: 90px;	margin-left: 20px;	margin-right: 20px;	padding: 5px;	}.cRight {	width: 200px;}.boxContent 	{    position: relative;    color: white;    z-index: 5;	width: 100%;	margin: 0 auto;	padding: 10px;	text-align: center;	display: table-cell;	vertical-align: middle;		font: 16px 'Signika', sans-serif;}.boxContent h2{	color: black;	font: 20px 'Signika', sans-serif;		padding: 5px;	text-align: center;	margin: 5px;	font-style: italic;	font-weight: bold;}.boxContent h3{	font: 18px 'Signika', sans-serif;		padding: 5px;	text-align: center;	margin: 5px;}.boxContent ul{	font: 18px 'Signika', sans-serif;	width: 15%;	padding: 10px;	margin: 0 auto;	text-align: left;	list-style-type: disc;	list-style-position: inside;}.boxBackground {    position: absolute;    top: 0px;    left: 0px;    width: 100%;    height: 100%;    z-index: 1;    	/* These three lines are for transparency in all browsers.     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";    filter: alpha(opacity=70);    opacity: .7;*/		background-color: #F37121;	/*-webkit-box-shadow: 0px 7px 10px -3px gray;	-moz-box-shadow: 0px 7px 10px -3px gray;	box-shadow: 5px 5px 4px gray;		box-shadow: 5px 5px 4px #707070;*/		border: 2px solid #F37121;	-webkit-border-radius:5px 15px;	-moz-border-radius:5px 15px;	border-radius:5px 15px;}.signup {  width: 720px;  height: 200px;  margin-right: auto;  margin-left: auto;  border-radius: 30px;  background: #F37121;  display: block;  justify-content: center;  align-items: center;  font-size: 20px;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";    filter: alpha(opacity=70);    opacity: .7;*/}.signup h2{	color: black;	font: 50px 'Signika', sans-serif;		padding: 5px;	text-align: center;	margin: 5px;	font-style: italic;	font-weight: bold;		}.signup p{	color: white;	font: 30px 'Signika', sans-serif;		padding: 5px;	text-align: center;	margin: 5px;	font-style: italic;	font-weight: bold;}