*{
	box-sizing: border-box;
	margin:0;
	padding:0;
}

body{
	margin: 0;
	padding: 0;
	font-family: serif;
	font-size: 3vh;
	text-align: center;
	justify-content: center;
	color: rgb(255, 255, 255);
	background-color: rgb(116, 60, 9);
    background-image: url(background2.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    text-align:center;
    vertical-align: middle;
    margin-top:5%;
}

h1{
	font-size: 5.5vw;
	text-shadow: 0 2px 5px rgb(87, 27, 0);
    font-family: 'Satisfy', cursive;
    line-height: 5rem;
    display: block;
    background-color: rgba(109, 44, 14, 0.596);
    padding: 30px;
    max-width: 100vw;
    margin: auto;
    margin-top: 50px;
    margin-bottom: 30px;
}

.board{
	position: relative;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	border: 9vw solid transparent;
	border-image: url("wood1.png") 50 stretch;
	max-width: 60vh;
	max-height: 60vh;
	width: 100vw;
	height: 100vw;
	box-shadow: 0 20px 20px -5px rgba(0,0,0,.75);
	background-image: url("lightwood.jpg");
    background-repeat: repeat;
    background-size: 100%;
    background-attachment:fixed;
}

.box{
	width: 12.5%;
	height: 12.5%;
	font-size: 7vh;
	line-height: 7vh;
	vertical-align: middle;
    box-shadow: 0 1px 1px -3px rgba(0,0,0,.75);
    
}

.box:nth-child(n+1):nth-child(-n+16){
	color: rgb(68, 24, 5);
    -webkit-text-stroke: 0.5px rgba(214, 187, 169, 0.911);
}
.box:nth-child(n+49):nth-child(-n+64){
    color: rgb(255, 255, 255);
    -webkit-text-stroke: 1px rgb(116, 33, 1);;
}

.board .box:nth-child(n+1):nth-child(-n+8):nth-child(even),
.board .box:nth-child(n+17):nth-child(-n+25):nth-child(even),
.board .box:nth-child(n+33):nth-child(-n+40):nth-child(even),
.board .box:nth-child(n+49):nth-child(-n+56):nth-child(even),
.board .box:nth-child(n+9):nth-child(-n+16):nth-child(odd),
.board .box:nth-child(n+25):nth-child(-n+32):nth-child(odd),
.board .box:nth-child(n+41):nth-child(-n+48):nth-child(odd),
.board .box:nth-child(n+57):nth-child(-n+64):nth-child(odd){
	background-color: rgba(153, 83, 2, 0.5);
    background-image: url(wood1.png);
}

@media screen and (min-width: 480px){
	.board{
		border: 20px solid transparent;
		border-image: url("lightwood.jpg") 50 stretch;
		box-shadow: 0 15px 15px -5px rgba(0,0,0,.75);
        margin-bottom: 50px;
        
	}

        
}