@import"https://fonts.googleapis.com/css?family=Press+Start+2P&family=Work+Sans:ital,wght@1,900&display=swap";body{margin:0;display:flex;min-height:100vh}#root{width:100%}.menu{position:absolute;width:100%;flex-direction:column;align-items:center;top:10em;background:#fffd;height:calc(100vh - 10em);overflow-y:scroll;display:none}.menu.visible{display:flex}.menu span{font-style:normal;position:fixed;margin:-3em;padding:1em;width:100%;text-align:center}.menu a{text-decoration:none;display:block;padding:.7em;border:1px solid black;border-radius:.3em;text-align:center;margin:.4em;min-width:10em;text-shadow:1px 1px 0 black}a.beginner{background:radial-gradient(transparent,80%,green)}a.intermediate{background:radial-gradient(transparent,80%,orange)}a.advanced{background:radial-gradient(transparent,80%,blue)}a.expert{background:radial-gradient(transparent,80%,red)}#controls{position:absolute;bottom:20px;min-width:100%;display:flex;align-items:flex-end;justify-content:center}#controls div{display:grid;grid-template-columns:50px 50px 50px;gap:10px}#controls button{width:100%;height:40px;background-color:#fff;border:1px solid lightgray;box-shadow:3px 5px #000000bf;cursor:pointer;outline:none}#controls button:first-of-type{grid-column:2/2}#controls button:nth-child(2){grid-column:1/1}.game{position:relative;width:100%;height:100%;font-family:Work Sans,sans-serif;font-weight:900;font-style:italic}#controls{font-family:"Press Start 2P",cursive}.title{position:absolute;top:1em;left:50%;translate:-50%;font-size:xxx-large;text-transform:uppercase;text-shadow:3px 2px 0 black;cursor:pointer;z-index:1;-webkit-user-select:none;user-select:none}.title span:first-of-type{color:#ec1901}.title span:last-of-type{color:#e86b0f}.level{position:absolute;bottom:6em;width:100%;font-size:large;text-align:center}.level span{color:#ec1901;text-shadow:1px 1px 0 black}.level div{font-style:normal;padding:.4em;margin:.4em;text-transform:uppercase}.level.beginner div{background:green}.level.intermediate div{background:orange}.level.advanced div{background:#00f}.level.expert div{background:red}