html{background-color:#312e2b;margin:0;padding:0}h1{display:flex;align-items:center;justify-content:center;font-size:4rem;font-weight:900;color:#f5f5f5}.chessBoardContainer{display:flex;width:800px;height:800px;margin:auto;border-style:solid;border-width:3px;flex-direction:row}ol{list-style:none;display:flex;flex-wrap:wrap;padding-inline-start:0px;padding:0;margin:0;flex-direction:column}button{width:100px;height:100px;padding:0;margin:0}li{width:100px;height:100px;padding:0;margin:0;display:flex}span:nth-child(odd) button:nth-child(odd){background-color:#edeed1;border-color:#edeed1;border-style:hidden;display:flex;margin:0;align-items:center;justify-content:center}span:nth-child(odd) button:nth-child(2n){background-color:#779952;border-color:#779952;border-style:hidden;display:flex;align-items:center;justify-content:center}span:nth-child(2n) button:nth-child(odd){background-color:#779952;border-style:hidden;display:flex;align-items:center;justify-content:center}span:nth-child(2n) button:nth-child(2n){background-color:#edeed1;border-color:#edeed1;border-style:hidden;display:flex;align-items:center;justify-content:center}button.selected{background-color:#000}div.playerNameContainer{display:flex;font-size:3rem;justify-content:center;align-items:center;row-gap:2rem;color:#fff}.playerEdit{display:flex;font-size:2rem;background:none;border:none;color:#9acd32;font-weight:900;padding-inline-start:50px;align-items:center;justify-content:center}.playerEdit #hover{color:#fff}ol.leftNavigation{display:flex;flex-direction:column;font-size:2rem;margin:0;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}div.centerPiece{display:flex;justify-content:center;align-items:center;margin-inline-start:50px;margin-inline-end:50px}button.leftNavigation{background-color:#312e2b;font-size:2rem;color:#fff;min-width:200px;padding:10px;border-radius:20px;border-color:#000}button.leftNavigation:hover{background-color:#000}ol.rightNavigation{display:flex;flex-direction:column;font-size:2rem;margin:0;justify-content:flex-start;align-items:flex-start;gap:10px;min-width:200px;flex-wrap:wrap}button.rightNavigation{background-color:#312e2b;font-size:2rem;color:#fff;min-width:200px;padding:10px;border-radius:20px;border-color:#000}button.rightNavigation:hover{background-color:#000}span{display:flex;flex-wrap:wrap}li.array button{background-color:#edeed1;border:none;border-style:hidden;border-width:0}li.array:nth-child(-2n+8) button,li.array:nth-child(8)~li.array:nth-child(-2n+15) button,li.array:nth-child(16)~li.array:nth-child(-2n+24) button,li.array:nth-child(24)~li.array:nth-child(-2n+31) button,li.array:nth-child(32)~li.array:nth-child(-2n+40) button,li.array:nth-child(40)~li.array:nth-child(-2n+47) button,li.array:nth-child(48)~li.array:nth-child(-2n+56) button,li.array:nth-child(56)~li.array:nth-child(-2n+63) button{background-color:#779952}li.array{border-style:hidden;border-width:0}button#selected{background-color:#ff3}button#possibleMove{background-image:url(/assets/blackDot-xx_BzHzo.png);background-size:contain;background-repeat:no-repeat;background-blend-mode:multiply;background-position:center}