body{
	background-color:#6D5F6E;
	margin:0;
}
/*-------------------------------------------------------------------------*/
.top{
	position:fixed;
	top:0;
	width:100%;
	background-color:#d1c7a3;
	padding:0;
	height:60px;
}

#nav{ 
	font-family:Bitcount Grid Double;
	font-size:1.5em;
	 width:100%;
	text-align:center;
	margin-left:0;
	margin-right:0;
	margin-top:0px;
	padding:0px;
	
}

ul{ 
	list-style-type: none;
	height:50px;
	overflow-y:hidden;
	margin-top:0;
	margin-left:0;
	margin-right:auto;
}

li{
	float:left;
	text-align:left;
	padding:10px;
	background-color:#d1c7a3;
	display:block;
	text-decoration:none;
}


a:link{
	color:#0067ab;
	text-decoration:none;
}
a:visited{
	Color:#0067ab;
}
a:hover{
	opacity:0.5;
text-decoration:underline;
color:#4a4a4a;
}
/*-------------------------------------------------------------------------*/
.title-1{
  display: flex;
  justify-content: center; 
  align-items: center;    
  Margin-top:1em;
  Font-size:3em;
  color:#211f1f;
  background-image:;
}

.container-1{
	display:grid;
	margin: auto
	grid-template-columns:400px;
	grid-template-rows:300px 200px 1000px 200px;
	gap:1em;
	margin:2em;
	grid-template-areas:
	"box-1 box-1 box-1"
	"box-2 box-2 box-2"
	"box-3 box-3 box-3"
	"box-4 box-4 box-4";
}
.welcome{
	background-color:#d1c7a3;
	padding-left: 15px;
	text-align: center;
}
.overall{
	background-color:#d1c7a3;
	padding-left: 15px;
	text-align: center;
}
.map{
	background-color:#d1c7a3;
	padding-left: 15px;
	text-align: center;
}
.havefun{
	background-color:#d1c7a3;
	padding-left: 15px;
	text-align: center;
}
/*-------------------------------------------------------------------------*/
.title-azyr{
  display: flex;
  justify-content: center; 
  align-items: center;    
  Margin-top:1em;
  Font-size:3em;
  color:#478eff;
  background-image:;
}
.center-azyr{
	display: flex;
	justify-content: center;

}
.container-azyr{
	margin-left: auto;
	margin-right: auto;
	display:grid;
	grid-template-columns:25em 25em 25em;
	grid-template-rows:400px 400px 200px 300px;
	gap:1.3em;
	grid-template-areas:
	"box-1 box-1 box-3"
	"box-2 box-2 box-3"
	"box-4 box-4 box-4"
	"box-5 box-5 box-5";
}

.description-azyr{
	display:grid;
	margin: auto;
	padding:15px;
	grid-template-columns:200px 200px
	grid-template-rows: 100px 100px 100px 100px;
	gap:1em;
	grid-template-areas:
	"box-1t box-1 box-3"
	"box-1p box-1p box-1i";
	background-color:#7b2ff5;
	 padding-left: 15px;
}

.god-azyr{
	display:grid;
	margin: auto
	padding:15px;
	grid-template-columns:200px 200px
	grid-template-rows: 100px 100px 100px 100px;
	gap:1em;
	grid-template-areas:
	"box-2t box-2 box-3"
	"box-2p box-2p box-2i";
	background-color:#7b2ff5;
	 padding-left: 15px;
}

.magicdescription-azyr{
	background-color:#7b2ff5;
	padding-top: 30px;
	text-align: center;
}

.p-azyr{
	margin:auto;
	width:20em;
}

.realmlife-azyr{
	background-color:#7b2ff5;
	padding-left: 15px;
	text-align: center;
}

.species-azyr{
	background-color:#7b2ff5;
	padding-left: 15px;
	text-align: center;
}
/*-------------------------------------------------------------------------*/
.title-aqshy{
  display: flex;
  justify-content: center; 
  align-items: center;    
  Margin-top:1em;
  Font-size:3em;
  color:#f5322f;
}
.center-aqshy{
	display: flex;
	justify-content: center;

}
.container-aqshy{
	margin-left: auto;
	margin-right: auto;
	display:grid;
	grid-template-columns:25em 25em 25em;
	grid-template-rows:400px 400px 200px 200px;
	gap:1.3em;
	grid-template-areas:
	"box-1 box-1 box-3"
	"box-2 box-2 box-3"
	"box-4 box-4 box-4"
	"box-5 box-5 box-5";
}

.description-aqshy{
	display:grid;
	margin: auto;
	padding:15px;
	grid-template-columns:200px 200px
	grid-template-rows: 100px 100px 100px 100px;
	gap:1em;
	grid-template-areas:
	"box-1t box-1 box-3"
	"box-1p box-1p box-1i";
	background-color:#bd6142;
	 padding-left: 15px;
}

.god-aqshy{
	display:grid;
	margin: auto
	padding:15px;
	grid-template-columns:200px 200px
	grid-template-rows: 100px 100px 100px 100px;
	gap:1em;
	grid-template-areas:
	"box-2t box-2 box-3"
	"box-2p box-2p box-2i";
	background-color:#bd6142;
	 padding-left: 15px;
}

.magicdescription-aqshy{
	background-color:#bd6142;
	padding-top: 30px;
	text-align: center;
}

.p-aqshy{
	margin:auto;
	width:20em;
}

.realmlife-aqshy{
	background-color:#bd6142;
	padding-left: 15px;
	text-align: center;
}

.species-aqshy{
	background-color:#bd6142;
	padding-left: 15px;
	text-align: center;
}
/*-------------------------------------------------------------------------*/
.title-ghyran{
  display: flex;
  justify-content: center; 
  align-items: center;    
  Margin-top:1em;
  Font-size:3em;
  color:#32f52f;
  background-image:;
}
.center-ghyran{
	display: flex;
	justify-content: center;

}
.container-ghyran{
	margin-left: auto;
	margin-right: auto;
	display:grid;
	grid-template-columns:25em 25em 25em;
	grid-template-rows:400px 400px 200px 300px;
	gap:1.3em;
	grid-template-areas:
	"box-1 box-1 box-3"
	"box-2 box-2 box-3"
	"box-4 box-4 box-4"
	"box-5 box-5 box-5";
}

.description-ghyran{
	display:grid;
	margin: auto;
	padding:15px;
	grid-template-columns:200px 200px
	grid-template-rows: 100px 100px 100px 100px;
	gap:1em;
	grid-template-areas:
	"box-1t box-1 box-3"
	"box-1p box-1p box-1i";
	background-color:#526b51;
	 padding-left: 15px;
}

.god-ghyran{
	display:grid;
	margin: auto
	padding:15px;
	grid-template-columns:200px 200px
	grid-template-rows: 100px 100px 100px 100px;
	gap:1em;
	grid-template-areas:
	"box-2t box-2 box-3"
	"box-2p box-2p box-2i";
	background-color:#526b51;
	 padding-left: 15px;
}

.magicdescription-ghyran{
	background-color:#526b51;
	padding-top: 30px;
	text-align: center;
}

.p-ghyran{
	margin:auto;
	width:20em;
}

.realmlife-ghyran{
	background-color:#526b51;
	padding-left: 15px;
	text-align: center;
}

.species-ghyran{
	background-color:#526b51;
	padding-left: 15px;
	text-align: center;
}
/*-------------------------------------------------------------------------*/
.title-ghur{
  display: flex;
  justify-content: center; 
  align-items: center;    
  Margin-top:1em;
  Font-size:3em;
  color:#e0891b;
  background-image:;
}
.center-ghur{
	display: flex;
	justify-content: center;

}
.container-ghur{
	margin-left: auto;
	margin-right: auto;
	display:grid;
	grid-template-columns:25em 25em 25em;
	grid-template-rows:400px 520px 200px 200px;
	gap:1.3em;
	grid-template-areas:
	"box-1 box-1 box-3"
	"box-2 box-2 box-3"
	"box-4 box-4 box-4"
	"box-5 box-5 box-5";
}

.description-ghur{
	display:grid;
	margin: auto;
	padding:15px;
	grid-template-columns:200px 200px
	grid-template-rows: 100px 100px 100px 100px;
	gap:1em;
	grid-template-areas:
	"box-1t box-1 box-3"
	"box-1p box-1p box-1i";
	background-color:#786854;
	 padding-left: 15px;
}

.god-ghur{
	display:grid;
	margin: auto
	padding:15px;
	grid-template-columns:200px 200px
	grid-template-rows: 100px 100px 100px 100px;
	gap:1em;
	grid-template-areas:
	"box-2t box-2 box-3"
	"box-2p box-2p box-2i";
	background-color:#786854;
	 padding-left: 15px;
}

.magicdescription-ghur{
	background-color:#786854;
	padding-top: 30px;
	text-align: center;
}

.p-ghur{
	margin:auto;
	width:20em;
}

.realmlife-ghur{
	background-color:#786854;
	padding-left: 15px;
	text-align: center;
}

.species-ghur{
	background-color:#786854;
	padding-left: 15px;
	text-align: center;
}
/*-------------------------------------------------------------------------*/
.title-chamon{
  display: flex;
  justify-content: center; 
  align-items: center;    
  Margin-top:1em;
  Font-size:3em;
  color:#fae739;
  background-image:;
}
.center-chamon{
	display: flex;
	justify-content: center;

}
.container-chamon{
	margin-left: auto;
	margin-right: auto;
	display:grid;
	grid-template-columns:25em 25em 25em;
	grid-template-rows:400px 500px 200px 300px;
	gap:1.3em;
	grid-template-areas:
	"box-1 box-1 box-3"
	"box-2 box-2 box-3"
	"box-4 box-4 box-4"
	"box-5 box-5 box-5";
}

.description-chamon{
	display:grid;
	margin: auto;
	padding:15px;
	grid-template-columns:200px 200px
	grid-template-rows: 100px 100px 100px 100px;
	gap:1em;
	grid-template-areas:
	"box-1t box-1 box-1"
	"box-1p box-1p box-1i";
	background-color:#a1a1a1;
	 padding-left: 15px;
}

.god-chamon{
	display:grid;
	margin: auto
	padding:15px;
	grid-template-columns:200px 200px
	grid-template-rows: 100px 100px 100px 100px;
	gap:1em;
	grid-template-areas:
	"box-2t box-2 box-3"
	"box-2p box-2p box-2i";
	background-color:#a1a1a1;
	 padding-left: 15px;
}

.magicdescription-chamon{
	background-color:#a1a1a1;
	padding-top: 30px;
	text-align: center;
}

.p-chamon{
	margin:auto;
	width:20em;
}

.realmlife-chamon{
	background-color:#a1a1a1;
	padding-left: 15px;
	text-align: center;
}

.species-chamon{
	background-color:#a1a1a1;
	padding-left: 15px;
	text-align: center;
}
/*-------------------------------------------------------------------------*/
.title-shyish{
  display: flex;
  justify-content: center; 
  align-items: center;    
  Margin-top:1em;
  Font-size:3em;
  color:#430052;
  background-image:;
}
.center-shyish{
	display: flex;
	justify-content: center;

}
.container-shyish{
	margin-left: auto;
	margin-right: auto;
	display:grid;
	grid-template-columns:25em 25em 25em;
	grid-template-rows:400px 500px 200px 200px;
	gap:1.3em;
	grid-template-areas:
	"box-1 box-1 box-3"
	"box-2 box-2 box-3"
	"box-4 box-4 box-4"
	"box-5 box-5 box-5";
}

.description-shyish{
	display:grid;
	margin: auto;
	padding:15px;
	grid-template-columns:200px 200px
	grid-template-rows: 100px 100px 100px 100px;
	gap:1em;
	grid-template-areas:
	"box-1t box-1 box-3"
	"box-1p box-1p box-1i";
	background-color:#694280;
	 padding-left: 15px;
}

.god-shyish{
	display:grid;
	margin: auto
	padding:15px;
	grid-template-columns:200px 200px
	grid-template-rows: 100px 100px 100px 100px;
	gap:1em;
	grid-template-areas:
	"box-2t box-2 box-3"
	"box-2p box-2p box-2i";
	background-color:#694280;
	 padding-left: 15px;
}

.magicdescription-shyish{
	background-color:#694280;
	padding-top: 30px;
	text-align: center;
}

.p-shyish{
	margin:auto;
	width:20em;
}

.realmlife-shyish{
	background-color:#694280;
	padding-left: 15px;
	text-align: center;
}

.species-shyish{
	background-color:#694280;
	padding-left: 15px;
	text-align: center;
}
/*-------------------------------------------------------------------------*/
.title-ulgu{
  display: flex;
  justify-content: center; 
  align-items: center;    
  Margin-top:1em;
  Font-size:3em;
  color:#999999;
  background-image:;
}
.center-ulgu{
	display: flex;
	justify-content: center;

}
.container-ulgu{
	margin-left: auto;
	margin-right: auto;
	display:grid;
	grid-template-columns:25em 25em 25em;
	grid-template-rows:400px 500px 200px 200px;
	gap:1.3em;
	grid-template-areas:
	"box-1 box-1 box-3"
	"box-2 box-2 box-3"
	"box-4 box-4 box-4"
	"box-5 box-5 box-5";
}

.description-ulgu{
	display:grid;
	margin: auto;
	padding:15px;
	grid-template-columns:200px 200px
	grid-template-rows: 100px 100px 100px 100px;
	gap:1em;
	grid-template-areas:
	"box-1t box-1 box-3"
	"box-1p box-1p box-1i";
	background-color:#919191;
	 padding-left: 15px;
}

.god-ulgu{
	display:grid;
	margin: auto
	padding:15px;
	grid-template-columns:200px 200px
	grid-template-rows: 100px 100px 100px 100px;
	gap:1em;
	grid-template-areas:
	"box-2t box-2 box-3"
	"box-2p box-2p box-2i";
	background-color:#919191;
	 padding-left: 15px;
}

.magicdescription-ulgu{
	background-color:#919191;
	padding-top: 30px;
	text-align: center;
}
.p-ulgu{
	margin:auto;
	width:20em;
}

.realmlife-ulgu{
	background-color:#919191;
	padding-left: 15px;
	text-align: center;
}

.species-ulgu{
	background-color:#919191;
	padding-left: 15px;
	text-align: center;
}
/*-------------------------------------------------------------------------*/
.title-hysh{
  display: flex;
  justify-content: center; 
  align-items: center;    
  Margin-top:1em;
  Font-size:3em;
  color:#fffad9;
  background-image:;
}
.center-hysh{
	display: flex;
	justify-content: center;

}
.container-hysh{
	margin-left: auto;
	margin-right: auto;
	display:grid;
	grid-template-columns:25em 25em 25em;
	grid-template-rows:500px 500px 200px 200px;
	gap:1.3em;
	grid-template-areas:
	"box-1 box-1 box-3"
	"box-2 box-2 box-3"
	"box-4 box-4 box-4"
	"box-5 box-5 box-5";
}

.description-hysh{
	display:grid;
	margin: auto;
	padding:15px;
	grid-template-columns:200px 200px
	grid-template-rows: 100px 100px 100px 100px;
	gap:1em;
	grid-template-areas:
	"box-1t box-1 box-3"
	"box-1p box-1p box-1i";
	background-color:#b5b091;
	 padding-left: 15px;
}

.god-hysh{
	display:grid;
	margin: auto
	padding:15px;
	grid-template-columns:200px 200px
	grid-template-rows: 100px 100px 100px 100px;
	gap:1em;
	grid-template-areas:
	"box-2t box-2 box-3"
	"box-2p box-2p box-2i";
	background-color:#b5b091;
	 padding-left: 15px;
}

.magicdescription-hysh{
	background-color:#b5b091;
	padding-top: 30px;
	text-align: center;
}

.p-hysh{
	margin:auto;
	width:20em;
}

.realmlife-hysh{
	background-color:#b5b091;
	padding-left: 15px;
	text-align: center;
}

.species-hysh{
	background-color:#b5b091;
	padding-left: 15px;
	text-align: center;
}
/*-------------------------------------------------------------------------*/
.title-blight{
  display: flex;
  justify-content: center; 
  align-items: center;    
  Margin-top:1em;
  Font-size:3em;
  color:#abfa00;
  background-image:;
}
.center-blight{
	display: flex;
	justify-content: center;

}
.container-blight{
	margin-left: auto;
	margin-right: auto;
	display:grid;
	grid-template-columns:25em 25em 25em;
	grid-template-rows:500px 400px 200px 200px;
	gap:1.3em;
	grid-template-areas:
	"box-1 box-1 box-3"
	"box-2 box-2 box-3"
	"box-4 box-4 box-4"
	"box-5 box-5 box-5";
}

.description-blight{
	display:grid;
	margin: auto;
	padding:15px;
	grid-template-columns:200px 200px
	grid-template-rows: 100px 100px 100px 100px;
	gap:1em;
	grid-template-areas:
	"box-1t box-1 box-3"
	"box-1p box-1p box-1i";
	background-color:#3a4719;
	 color:#abfa00;
	 padding-left: 15px;
}

.god-blight{
	display:grid;
	margin: auto
	padding:15px;
	grid-template-columns:200px 200px
	grid-template-rows: 100px 100px 100px 100px;
	gap:1em;
	grid-template-areas:
	"box-2t box-2 box-3"
	"box-2p box-2p box-2i";
	background-color:#3a4719;
	 color:#abfa00;
	 padding-left: 15px;
}

.magicdescription-blight{
	background-color:#3a4719;
	 color:#abfa00;
	padding-top: 30px;
	text-align: center;
}

.p-blight{
	margin:auto;
	width:20em;
}

.realmlife-blight{
	background-color:#3a4719;
	 color:#abfa00;
	padding-left: 15px;
	text-align: center;
}

.species-blight{
	background-color:#3a4719;
	 color:#abfa00;
	padding-left: 15px;
	text-align: center;
}
/*-------------------------------------------------------------------------*/
.title-chaos{
  display: flex;
  justify-content: center; 
  align-items: center;    
  Margin-top:1em;
  Font-size:3em;
  color:#de1259;
  background-image:;
}
.center-chaos{
	display: flex;
	justify-content: center;

}
.container-chaos{
	margin-left: auto;
	margin-right: auto;
	display:grid;
	grid-template-columns:25em 25em 25em;
	grid-template-rows:400px 400px 400px 400px;
	gap:1.3em;
	grid-template-areas:
	"box-1 box-1 box-1"
	"box-2 box-6 box-3"
	"box-4 box-6 box-5"
	"box-7 box-7 box-7";
}

.description-chaos{
	display:grid;
	margin: auto;
	padding:15px;
	grid-template-columns:200px 200px;
	grid-template-rows: 100px 100px 100px 100px;
	gap:1em;
	grid-template-areas:
	"box-1t box-1 box-1"
	"box-1p box-1p box-1i";
	background-color:#802444;
	color:#2e0404;
}

.god-khorne{
	display:grid;
	margin: auto;
	padding:15px;
	grid-template-columns:200px 200px;
	grid-template-rows: 100px 100px;
	gap:1em;
	grid-template-areas:
	"box-2t box-2i"
	"box-2p box-2i";
	background-color:#850316;
	 padding-right: 15px;
	 color:#f71e33;
}

.god-slaanesh{
	display:grid;
	margin: auto;
	padding:15px;
	grid-template-columns:200px 200px;
	grid-template-rows: 100px 100px;
	gap:1em;
	grid-template-areas:
	"box-2t box-2i"
	"box-2p box-2i";
	background-color:#8a038f;
	 padding-left: 15px;
	 color:#f700ff;
}

.god-nurgle{
	display:grid;
	margin: auto;
	padding: 15px;
	grid-template-columns:200px 200px;
	grid-template-rows: 100px 100px;
	gap:1em;
	grid-template-areas:
	"box-2t box-2i"
	"box-2p box-2i";
	background-color:#023d03;
	 padding-right: 15px;
	color:#77ff00;
}

.god-tzeentch{
	display:grid;
	margin: auto;
	padding:15px;
	grid-template-columns:200px 200px;
	grid-template-rows: 100px 100px;
	gap:1em;
	grid-template-areas:
	"box-2t box-2i"
	"box-2p box-2i";
	background-color:#262a70;
	 padding-left: 15px;
	 color:#00e5ff;
}

.magicdescription-chaos{
	background-color:#802444;
	padding-top: 30px;
	text-align: center;
}

.p-chaos{
	margin:auto;
	width:20em;
}

.realmlife-chaos{
	background-color:#802444;
	padding-left: 15px;
	text-align: center;
}


/*-------------------------------------------------------------------------*/