html, body {
	--blue : rgb(25,50,235);
	position: relative;
	width: 100%;
	height: 100%;
}

body {
	color : #444444;
	background-color: #f8F8F8;
	margin: 0;
	box-sizing: border-box;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

p, a, span, div, h1, h2, h3, h4, h5, h6, small {
	font-size: 0.8rem;
	line-height: 1.4;
	font-weight: normal;
	margin: 0;
}

a, .anchor, main > header {
	text-decoration: none;
	color: var(--blue);
}

a:hover, .anchor:hover {
	text-decoration: underline;
}

a:visited, .blue {
	color: var(--blue);
}

.grey{
	color: rgb(214, 214, 214);
}

nav li{
	list-style-type: none;
}
nav ul {
	padding: 0;
}

img, video, canvas{
	margin: 0;
	vertical-align: middle;
	display: inline-block;
}

p{ margin-top: 1rem; max-width:640px }

.caps{ text-transform: uppercase;}
.line-through{text-decoration: line-through;}
.cover{ left:0;right:0;top:0;bottom:0; }
.abs{ position:absolute; }
.fixed{ position:fixed; }
.none{display: none;}
.rel{ position:relative; }
.w100{ width: 100%;}
.h100{ height: 100%;}
.events-none{ pointer-events: none; }
.select-none{ user-select: none; }
.flex{ display: flex;}
.align-start{ align-items: start;}
.flex-center{ align-items: center; justify-content: center; display: flex; }
.pointer{cursor:pointer}

.mt0{
	margin-top: 0;
}
.rotate-90{ transform: rotate(90deg); }

.txt-center{ text-align:center; }

.txt-2{
	font-size: 0.8rem;
}

.txt-3{
	font-size: 1.2rem;
}


.hidden-xs{
	display:none;
}

@media (min-width: 640px) {
	
	.hidden-xs{
		display:block;
	}
}

/*=============================================
=            CHESSBOARD                      =
=============================================*/


/* clearfix */
.clearfix-7da63 {
	clear: both;
  }
  
  /* board */
  .board-b72b1 {  
	
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	
  }
  .piece-417db{
	position: absolute;
	z-index: 500;
  }
  
  /* square */
  .square-55d63:before {
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	/* border: 4px solid black; */
	z-index: 0;
	content: ""
  }
  .square-55d63 {
	float: left;
	position: relative;
	/* disable any native browser highlighting */
	-webkit-touch-callout: none;
	  -webkit-user-select: none;
	   -khtml-user-select: none;
		 -moz-user-select: none;
		  -ms-user-select: none;
			  user-select: none;
  }
  
  .white-1e1d7.highlight2-9c5d2, .black-3c85d.highlight2-9c5d2:after{
	  content: ""
  }
  
  /* white square */
  .white-1e1d7:empty:after{
	
		left: 50%;
		top: 50%;
		transform: translateX(-50%);
    
	  position: absolute;
	  content: "";
	  background-color: rgba(25,50,235, 1);
	  line-height: 0;
	  width:2px;
	  height:2px;
	  
  }
  
  /* black square */
  .black-3c85d:empty:after{

		left: 50%;
		top: 50%;
		transform: translateX(-50%);
    
	position: absolute;
	content: "";
	background-color: rgba(25,50,235, 1);
	line-height: 0;
	width:2px;
	height:2px;
	
  }
  
  
  .alpha-d2270 {
	bottom: 1px;
	right: 3px;
  }