body{background-color:#f5f5f5;font-family:Roboto,sans-serif}body h1,body .information{text-align:center}body .center{display:block;margin-left:auto;margin-right:auto;width:50%}body .container{display:grid;justify-content:center;align-items:center}body .container .grid-container{border:1px solid #000;border-right:3px solid #000000;border-bottom:3px solid #000000}body .container .grid-container:nth-child(2n+2){background-color:#a6e3e9}body .container .grid-container:nth-child(3n+1){border-left:3px solid #000000}body .container .grid-container:nth-child(1){border-top:3px solid #000000}body .container .grid-container:nth-child(2){border-top:3px solid #000000}body .container .grid-container:nth-child(3){border-top:3px solid #000000}body .container .grid-container .row{clear:both}body .container .grid-container .row:nth-child(odd) .square:nth-child(even){width:10vmin;height:10vmin;background-color:#a6e3e9;display:inline-block;vertical-align:top;cursor:pointer}body .container .grid-container .row:nth-child(odd) .square:nth-child(even).focused-allowed{transition:.1s;background-color:#f5f1a4}body .container .grid-container .row:nth-child(odd) .square:nth-child(even).focused-not-allowed{transition:.1s;background-color:#cacaca9a}body .container .grid-container .row:nth-child(odd) .square:nth-child(even).stolen-beans{transition:.5s;background-color:#ffbdb9}body .container .grid-container .row:nth-child(odd) .square:nth-child(even).moved-bean{transition:.5s;background-color:#b3e4b1}body .container .grid-container .row:nth-child(odd) .square:nth-child(odd){width:10vmin;height:10vmin;background-color:#defcfc;display:inline-block;vertical-align:top;cursor:pointer}body .container .grid-container .row:nth-child(odd) .square:nth-child(odd).focused-allowed{transition:.1s;background-color:#f5f1a4}body .container .grid-container .row:nth-child(odd) .square:nth-child(odd).focused-not-allowed{transition:.1s;background-color:#cacaca9a}body .container .grid-container .row:nth-child(odd) .square:nth-child(odd).stolen-beans{transition:.5s;background-color:#ffbdb9}body .container .grid-container .row:nth-child(odd) .square:nth-child(odd).moved-bean{transition:.5s;background-color:#b3e4b1}body .container .grid-container .row:nth-child(even) .square:nth-child(even){width:10vmin;height:10vmin;background-color:#defcfc;display:inline-block;vertical-align:top;cursor:pointer}body .container .grid-container .row:nth-child(even) .square:nth-child(even).focused-allowed{transition:.1s;background-color:#f5f1a4}body .container .grid-container .row:nth-child(even) .square:nth-child(even).focused-not-allowed{transition:.1s;background-color:#cacaca9a}body .container .grid-container .row:nth-child(even) .square:nth-child(even).stolen-beans{transition:.5s;background-color:#ffbdb9}body .container .grid-container .row:nth-child(even) .square:nth-child(even).moved-bean{transition:.5s;background-color:#b3e4b1}body .container .grid-container .row:nth-child(even) .square:nth-child(odd){width:10vmin;height:10vmin;background-color:#a6e3e9;display:inline-block;vertical-align:top;cursor:pointer}body .container .grid-container .row:nth-child(even) .square:nth-child(odd).focused-allowed{transition:.1s;background-color:#f5f1a4}body .container .grid-container .row:nth-child(even) .square:nth-child(odd).focused-not-allowed{transition:.1s;background-color:#cacaca9a}body .container .grid-container .row:nth-child(even) .square:nth-child(odd).stolen-beans{transition:.5s;background-color:#ffbdb9}body .container .grid-container .row:nth-child(even) .square:nth-child(odd).moved-bean{transition:.5s;background-color:#b3e4b1}body .container .grid-container .row .square{border:1px solid #000;text-align:center;vertical-align:middle;line-height:10vmin}