/*
margin: 16px;
margin-top: 10%;
margin-bottom: 10%;
margin-right: auto;
margin-left: auto;
text-align: center;
height: 500px;
background-image: url('#');
*/

@font-face { 
	font-family: Start2P; 
	src: url('Start2P.ttf'); 

}

body {
	background-color: #001D23;
	/* background-image: url('tausta_testi_moieetu.PNG'); */ 
}

p { 
	font-family: Start2P, Helvetica, Arial;
	padding-left: 0px;
}

.logo {
	background-color: black;
	text-align: center;
}

.nav {
	position: fixed;
	width: 100%;
	margin: auto;
	background-color: black;
	text-align: center;
}

.nav a {
	font-family: Start2P, Arial;
	font-weight: bold;
	font-size: 16px;
	padding-left: 16px;
	padding-right: 16px;
	text-decoration: none;
	color: #009479;
	text-transform: uppercase;
}

.nav a:hover {
	font-family: Start2P, Arial;
	font-weight: bold;
	font-size: 16px;

	text-decoration: none;
	color: #ffffff;
	text-transform: uppercase;
}

.nav a:active {
	text-decoration: none;
    	color: #ff8000;
	text-transform: uppercase;
} 

.nav li {
	display: inline;
}

.intro { 
	margin: auto;
	color: #ffffff;
	background-color: ;
	text-align: center;
 }

.intro h1 {
	text-align: center;
	font-family: Start2P, Helvetica, Arial;
	font-weight: bold;
	padding-right: 16px;
	padding-left: 16px;
	border: 0px solid black;
 }


.finalboss_all {
	max-width: 1320px;
	margin:auto;
	background-color: #004f4d;
	
}


.finalboss_all p {
	font-size: 16px;
	padding-left: 24px;
}

.finalboss_all a {
	font-family: Start2P, Arial;
	font-size: 16px;
	text-decoration: none;
	color: #009479;
}

.finalboss_all a:hover {
	font-family: Start2P, Arial;
	font-size: 16px;
	text-decoration: none;
	color: #ffffff;
}


.finalboss h3 { 
	font-family: Start2P, Helvetica, Arial;
	font-weight: bold;
	background-color: black;
	color: #ff8000;

	font-size: 16px;
	padding-left: 16px;
 	padding-top: 8px;
  	padding-bottom: 8px;
}

.finalboss_extra {
	
}


.finalboss_extra h3 {
	margin: auto;
	font-size: 16px;
	font-family: Start2P, Helvetica, Arial;
	font-weight: bold;
	background-color: black;
	color: #ff8000;
	padding-left: 16px;
 	padding-top: 8px;
  	padding-bottom: 8px;
}


.finalboss_extra a {

	text-decoration: none;
	color:  #009479;
}

.finalboss_extra a:hover {
	text-decoration: none;
	color: #ffffff;
}


.au_all {
	max-width: 1320px;
	margin:auto;
	background-color: #ffffff;	
}


.au_all p {
	font-size: 16px;
	padding-left: 24px;
}

.au_all a {
	font-family: Start2P, Arial;
	font-size: 16px;
	text-decoration: none;
	color: #ffffff;
}

.au_all a:hover {
	font-family: Start2P, Arial;
	font-size: 16px;
	text-decoration: none;
	color: #ff8000;
}


.au h3 { 
	font-family: Start2P, Helvetica, Arial;
	font-weight: bold;
	background-color: black;
	color: #ffffff;
	font-size: 16px;
	padding-left: 16px;
 	padding-top: 8px;
  	padding-bottom: 8px;
}

.au_extra h3 {
	margin: auto;
	font-size: 16px;
	font-family: Start2P, Helvetica, Arial;
	font-weight: bold;
	background-color: black;
	color: #ffffff;
	padding-left: 16px;
 	padding-top: 8px;
  	padding-bottom: 8px;
}

.au_extra a {
	text-decoration: none;
	color: black;
}

.au_extra a:hover {
	text-decoration: none;
	color: #ff8000;
}

/*VOID STRANGER START*/

.vs_all {
	max-width: 1320px;
	margin:auto;
	background-color: #c0c0c0;	
}


.vs_all p {
	font-size: 16px;
	padding-left: 24px;
}

.vs_all a {
	font-family: Start2P, Arial;
	font-size: 16px;
	text-decoration: none;
	color: #ffffff;
}

.vs_all a:hover {
	font-family: Start2P, Arial;
	font-size: 16px;
	text-decoration: none;
	color: #ffffff;
}


.vs h3 { 
	font-family: Start2P, Helvetica, Arial;
	font-weight: bold;
	background-color: gray;
	color: #ffffff;
	font-size: 16px;
	padding-left: 16px;
 	padding-top: 8px;
  	padding-bottom: 8px;
}

.vs_extra h3 {
	margin: auto;
	font-size: 16px;
	font-family: Start2P, Helvetica, Arial;
	font-weight: bold;
	background-color: gray;
	color: #ffffff;
	padding-left: 16px;
 	padding-top: 8px;
  	padding-bottom: 8px;
}

.vs_extra a {
	text-decoration: none;
	color: black;
}

.vs_extra a:hover {
	text-decoration: none;
	color: #ffffff;
}


/*END VOID STRANGER*/


.extra {
	color: #ffffff;
	font-size: 8px;
	text-align: center;
    	margin: auto;
	width: 160px;
	height: 80px;
}

.extra h3 { 
	font-family: Start2P, Helvetica, Arial;
	
	font-size: 16px;
}

.copyright {
	font-family: Start2P, Helvetica, Arial;
	color: #ffffff;
	font-size: 16px;
	text-align: center;
	background-color: black;
}

/*TABLES START*/
.finalboss_extra table	{
	table-layout: fixed;
}

.au_extra table	{
	table-layout: fixed;
}

.vs_extra table	{
	table-layout: fixed;
}

/*TABLES END*/

.extra a {
	font-family: Start2P, Arial;
	font-size: 16px;
	padding-left: 16px;
	padding-right: 16px;
	text-decoration: none;
	color: #009479;
}

.extra a:hover {
	font-family: Start2P, Arial;
	font-weight: bold;
	font-size: 16px;
	text-decoration: none;
	color: #ffffff;
}