#wrap{

}

nav{
	padding:0px 0px 10px 0px;
	text-align: center;
}

.nav_links ul{
	padding: 0px;
}

.title{
	font-family: 'EB Garamond', serif;
	text-align: center;
	margin-top: 1px;
}

.line-separator{
	max-width: 100%;
	height:1px;
	background:#717171;
	border-bottom:1px solid #313030;
}

.YuGiOh{
	display: block;
    margin:	auto;
	height: 180px;
	width: 450px;
}

body{
	border: solid black 5px;
	padding: 1em;
}

#intro h1{
	padding: .2em;
	max-width: 132px;
	min-width: 132px;
	background: #008CFF;
	box-shadow: 3px 3px 3px #374245;
	font-size: 1.5em;
}

.links{
	width: 12%;
	list-style: none;
	padding: 1em;
	margin: .5em;
	display: inline-block;
	text-align: center;
	background: #E11C1B;
	box-shadow: 3px 3px 3px #888888;
}

#zones h1{
	max-width: 62px;
	padding: .2em;
	min-width: 62px;
	background: #008CFF;
	box-shadow: 3px 3px 3px #374245;
	font-size: 1.5em;
}

.zones{
	display: block;
    margin:auto;
	height: 320px;
	width: 630px;
	padding: 1em;
}

#cards h1{
	padding: .2em;
	max-width: 109px;
	min-width: 109px;
	background: #008CFF;
	box-shadow: 3px 3px 3px #374245;
	font-size: 1.5em;
}

#cards h2{
	padding: .2em;
	min-width: 156px;
	max-width: 156px;
	background: #008CFF;
	box-shadow: 3px 3px 3px #374245;
}

#cards h3{
	padding: .2em;
	min-width: 120px;
	max-width: 120px;
	background: #008CFF;
	box-shadow: 3px 3px 3px #374245;
	font-size: 1.5em;
}

.le_cards{
	text-align: center;
}

.card1{
	height: 255px;
	width: 175px;
}

#phases h1{
	padding: .2em;
	max-width: 69px;
	min-width: 69px;
	background: #008CFF;
	box-shadow: 3px 3px 3px #374245;
	font-size: 1.5em;
}

figure{
	display: inline-block;
}

figcaption{
	padding: .4em;
	background: #899BB8;
	margin-top: .4em;
	text-align: center;
}

.card_types{
	text-align: center;
	max-width: 100%;
}

.card2{
	height: 101px;
	width: 104px;
}

.trap_type{
	text-align: center;
}

.spell_type{
	text-align: center;
}

.exampleimg{
	text-align: left;
}

.example{
	width: 490px;
	height: 320px;
}

.example2{
	width: 380px;
	height: 390px;
}

.positions{
	text-align: center;
}

#zonepositions h1{
	padding: .2em;
	max-width: 243px;
	min-width: 243px;
	background: #008CFF;
	box-shadow: 3px 3px 3px #374245;
	font-size: 1.5em;
}

#zonepositions h2{
	padding: .2em;
	max-width: 315px;
	min-width: 315px;
	background: #008CFF;
	box-shadow: 3px 3px 3px #374245;
	font-size: 1.5em;
}

.card3{
	height: 175px;
	width: 260px;
}

#top{
	padding: 1em;
}

footer{
	border: solid .2em;
	margin-top: 1%;
	padding: 2em;
	background: #E11C1B;
	height: 50px;
	text-align: center;
	font-family: 'Cabin', sans-serif;
	font-size: 1.3em;
}

article{
	width: 84%;
	display: inline-block;
	margin-top: 1.3em;
	border: solid .3em black;
	padding: 1em;
}

aside{
	border:.3em solid black;
  width: 10%;
  display:inline-block;
  vertical-align:top;
  height: 385em;
  margin-top: 1.3em;
  margin-left: 1.2em;
  padding: .5em;
  float: right;
}

a:hover{
  color: #673FB8;
  background: #CAF4FF;
}

a:active{
	color: green;
}