@font-face {  font-family: 'Gantari';  src: url('gantari/Gantari-VariableFont_wght.ttf') format('truetype');}

body{ 
	background-color:black;
	font-family:'Gantari';
	padding:0;
	margin:0;
  	 
}

header{
	width:100%;
	margin:auto;
	text-align:center;
	 

}

header .logo_link{
	display:inline-block;
	vertical-align:middle;
}
h1{
	display:inline-block;
	font-size:2.5em;
	color:white;
	text-align:center;
	vertical-align:middle;
	margin:1%; 
}

h2{
	 
	font-size:1.5em;
	color:black;
	text-align:center;
}


h3{
	 
	font-size:1em;
	coxlor:white;
	text-align:center;
}


nav{
	width:100%;
	margin:auto;
	text-align:center;
    background-color:white;

}

nav a{
	display:inline-block;
	padding:14px 16px;
	font-size:1.4em;
	color:black;
	vertical-align:middle;
	text-decoration:none;
 
	border:none;
 
}

nav a:hover, nav a.selected{
	dborder-radius:2px;
	background-color:black;
	color:white;
	
}


 
main{
	width:100%;
	margin:auto;
	
background-image:url("../img/chess_back.png");
  	background-size:100%;
  	background-repeat:no-repeat;
  	background-position:top;
  	height:1000px;
  
  	vertical-align:middle;
border:solid transparent 1px;
}

main .content{
   
    background-color:white;
    opacity:0.9;
    color:black;
    margin:auto;
    padding:4% 10%;

}


ul{
	coxlor:white;

}

ol{
	coxlor:white;
}

p{
	coxlor:white;
}
/*
main h2{
	margin-top:180px;
	color:white;
	
}
nav{
  display: flex;
  justify-content: center;
  align-items: center;
}


nav .logo{
  margin-right:10px;
}
nav a{
	display:inline-block;
	padding:4px 16px;
	font-size:1.4em;
color:white;
vertical-align:middle;
text-decoration:none;
}

nav a:hover, nav a.selected{
	background-color:rgb(255,255,255,0.9);
	border-radius:10px;
	color:black;
	
}

h2{
	font-size:3em;
	color:white;
	text-align:center;
	vertical-align:top;
}

p{
	color:white;
}


ul{
	color:white;
}
*/