/* CSS by Kelsey Castellon for Arizona Gaymers */

@import url('https://fonts.googleapis.com/css2?family=DynaPuff:wght@400..700&family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');

body {
	background-image: url('/imgs/site/bg.jpg');
	background-repeat: repeat;
	background-color: #FFFFFF;
}

/* wrapper div */

.full-wrapper {
	width: 100%;
	padding: 60px 20px;
	background: transparent;
	margin: 0 auto;
	box-sizing: border-box;
}

/* header div */

.header {
	background-image:url('/imgs/site/Banner.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	height: 300px;
	width: 900px;
	margin: 0 auto;
}

/* navigation div */

.nav {
	height: 45px;
	width: 900px;
	background-color: #7bcce5;
	color: #ffffff;
	margin: 0 auto;
}

.nav ul {
  	list-style-type: none;
  	margin: 0;
  	padding: 0;
  	overflow: hidden;
  	background-color: #7bcce5;
}

.nav ul li {
 	float: left;
  	border-right: 2px solid #ffffff;
}

.nav ul li:last-child {
  	border-right: none;
}

.nav ul li a {
  	display: block;
  	color: #ffffff;
  	text-align: center;
  	padding: 14px 16px;
  	width: 94px;
 	text-decoration: none;
  	font-family: 'DynaPuff', sans-serif;
  	font-size: 14px;
}

.nav ul li a:hover {
	background-color: #f4aec8;
}

.nav ul li a:active {
	background-color: #f4aec8;
}

/* Main div */

.main {
	width: 860px;
	height: 700px;
	overflow-x: hidden;
	overflow-y: scroll;
	background-color: #ffffff;
	font-family: 'Nunito', sans-serif;
	font-size: 16px;
	color: #000000;
	padding: 20px;
	text-align: center;
	margin: 0 auto;
}

.main a:link, a:visited {
	text-decoration: none;
	border-bottom: double 2px #fdd817;
	color: #66338b;
	font-weight: 250;
}

.main a:active, a:hover {
	text-decoration: none;
	border-bottom: double 2px #66338b;
	color: #fdd817;
	font-weight: 250;
}

.main i {
	font-style: italic;
	font-weight: 200;
	color: #e22016;
}

.main b {
	font-weight: 400;
	color: #f28917;
}

.main u {
	font-weight: 200;
	color: #78b82a;
	text-decoration: none;
	border-bottom: solid 2px #fdd817;
}

.main h1 {
	font-family: 'Dynapuff', sans-serif;
	font-weight: 450;
	font-size: 36px;
	color: #2c58a4;
	text-align: center;
}

.main h2 {
	font-family: 'Dynapuff', sans-serif;
	font-weight: 450;
	font-size: 28px;
	color: #6d2380;
	text-align: center;
}

.main h3 {
	font-family: 'Dynapuff', sans-serif;
	font-weight: 450;
	font-size: 24px;
	color: #945516;
	text-align: center;
}


/* gallery css */

.gallery {
 	display: flex;
 	flex-wrap: wrap;
 	justify-content: flex-start;
}

.gallery-item {
	margin: 10px;
 	width: 250px;
}

.gallery-item img {
 	width: 100%;
 	height: auto;
}