:root{font:16px/1 sans-serif;--bright-sky: #80ced2;--night-sky: #85577e;--sun: #d5562b;--sea: #5a9090;--sand: #f7f0da;--asphalt: #2f3737;--lime: #b1d133;--tangerine: #f99d1b;--big-d: #00b7ff;--cessna: #5e5e5e;--orange-sun: #f15a24;--yellow-sun: #fcee21;--cyan-ocean: #00bfe9;--blue-ocean: #00217f;--pale-green: #e1eedd;--mando-blue: #1857a4;--slate: #c8d8e4;--beau-blue: #c8d8e4ff;--honeydew: #e1eeddff;--lapis-lazuli: #336699ff;--charcoal: #2f4858ff;--international-orange-aerospace: #fe5d26ff;--amazon: #4a7c59ff;--copper: #a8763eff;--bdazzled-blue: #1857a4ff;--byzantium: #7a3b69ff;font-family:"Open Sans";--text-primary: #b6b6b6;--text-secondary: #ececec;--bg-primary: #23232e;--bg-secondary: #141418;--transition-speed: .6s;--easy-cell-size: 3rem;--easy-board-size: 8;--intermediate-cell-size: 2rem;--intermediate-board-size: 16;--expert-cell-size: 1.5rem;--expert-board-size: 24}html{height:100%}body{margin:0;height:auto;background-color:#013c8c;background-image:url(/assets/test_2.409ee7e3.svg);background-repeat:no-repeat;background-size:cover}main{height:auto;display:flex;flex-direction:column;align-items:center;justify-content:center}h2{display:flex}.easy{cursor:pointer;border-radius:50px;padding:5px;letter-spacing:5px;margin-top:5px;margin-left:5px;margin-right:5px;position:relative;overflow:hidden;width:auto;white-space:nowrap;display:flex}.easy.easy p{cursor:pointer;position:relative;text-decoration:none;color:#000;font-size:30px;padding-left:10px;padding-right:10px;margin:0;z-index:2}.easy:hover p{color:#fff;letter-spacing:normal}.easy.easy span{transform:translate(-200px) translateY(-10px);border-top-right-radius:100px;border-bottom-right-radius:100px;background:green}.easy.easy:hover span{transform:translateY(-10px);border-radius:50px}.easy.easy div{display:none;height:30px}.easy.easy svg{height:30px;width:auto}.easy.easy:hover div{display:block;border:3px solid black;z-index:2;border-radius:50px}.easy-span{cursor:pointer;position:absolute;width:150px;height:60px;z-index:1;left:0;transition:.2s linear}.intermediate{cursor:pointer;border-radius:50px;padding:5px;letter-spacing:5px;margin-top:5px;margin-left:5px;margin-right:5px;position:relative;overflow:hidden;width:auto;white-space:nowrap;display:flex}.intermediate.intermediate p{cursor:pointer;position:relative;text-decoration:none;color:#000;font-size:30px;padding-left:10px;padding-right:10px;margin:0;z-index:2}.intermediate:hover p{color:#fff;letter-spacing:normal}.intermediate.intermediate span{transform:translateY(60px);border-top-left-radius:100px;border-top-right-radius:100px;background:orange}.intermediate.intermediate:hover span{transform:translateY(-10px);border-radius:50px}.intermediate.intermediate div{display:none;height:30px}.intermediate.intermediate svg{height:30px;width:auto}.intermediate.intermediate:hover div{display:block;border:3px solid black;z-index:2;border-radius:50px}.intermediate-span{cursor:pointer;position:absolute;width:300px;height:60px;z-index:1;left:0;transition:.2s linear}.expert{cursor:pointer;border-radius:50px;padding:5px;letter-spacing:5px;margin-top:5px;margin-left:5px;margin-right:5px;position:relative;overflow:hidden;width:auto;white-space:nowrap;display:flex}.expert.expert p{cursor:pointer;position:relative;text-decoration:none;color:#000;font-size:30px;padding-left:10px;padding-right:10px;margin:0;z-index:2}.expert:hover p{color:#fff;letter-spacing:normal}.expert.expert span{transform:translateY(-115px);border-bottom-left-radius:100px;border-bottom-right-radius:100px;background:red}.expert.expert:hover span{transform:translateY(-10px);border-radius:50px}.expert.expert div{display:none;height:30px}.expert.expert svg{height:30px;width:auto}.expert.expert:hover div{display:block;border:3px solid black;z-index:2;border-radius:50px}.expert-span{cursor:pointer;position:absolute;width:170px;height:60px;z-index:1;left:0;transition:.2s linear}section{list-style:none;margin:0 0 20px;padding:0;display:grid;background-color:#fff}section.difficulty-0{grid-template-columns:repeat(var(--easy-board-size),1fr);grid-template-rows:repeat(var(--easy-board-size),1fr);width:calc(var(--easy-board-size) * var(--easy-cell-size));height:calc(var(--easy-board-size) * var(--easy-cell-size))}section.difficulty-0 button{width:var(--easy-cell-size);height:var(--easy-cell-size)}section.difficulty-0 button.cell-number{font-weight:bold;font-size:1.7rem}section.difficulty-1{grid-template-columns:repeat(var(--intermediate-board-size),1fr);grid-template-rows:repeat(var(--intermediate-board-size),1fr);width:calc(var(--intermediate-board-size) * var(--intermediate-cell-size))}section.difficulty-1 button{width:var(--intermediate-cell-size);height:var(--intermediate-cell-size)}section.difficulty-1 button.cell-number{font-weight:bold;font-size:1.3rem}section.difficulty-2{grid-template-columns:repeat(var(--expert-board-size),1fr);grid-template-rows:repeat(var(--expert-board-size),1fr);width:calc(var(--expert-board-size) * var(--expert-cell-size))}section.difficulty-2 button{width:var(--expert-cell-size);height:var(--expert-cell-size)}section.difficulty-2 button.cell-number{font-weight:bold;font-size:1rem}section button{margin:0;padding:.5;background-color:gray;border:1px solid black;display:flex;align-items:center;justify-content:center;color:#fff;font-family:"Courier New",Courier,monospace;cursor:grab}section button:hover{background-color:transparent}section button:active{cursor:grabbing}button.cell-number{color:#fff}button.cell-bomb{background-color:#c333;cursor:not-allowed}button.cell-bomb.cell-bomb svg{height:inherit;width:auto}button.cell-flag{background-color:#c8d8e4;cursor:not-allowed}button.cell-flag.cell-flag svg{height:inherit;width:auto}button.cell-free{background-color:#b6b6b6;cursor:not-allowed}button.cell-1{color:#ffbf00}button.cell-2{color:#80ff00}button.cell-3{color:#00ff40}button.cell-4{color:#0ff}button.cell-5{color:#0040ff}button.cell-6{color:#8000ff}button.cell-7{color:#ff00bf}button.cell-8{color:red}footer img{width:50px;height:50px}footer{text-align:center;padding:3px 3px 0;background-color:var(--slate);color:#000}