body { margin: 0; background-color: #000; font-family: Monospace; overscroll-behavior: none; font-size: xxx-large; color: #fff; text-shadow: 0.07em 0 black, 0 0.07em black, -0.07em 0 black, 0 -0.07em black; } #start { width: 50vw; height: 20vh; position: absolute; top: 50vh; left: 50vw; transform: translate(-50%, -50%); font-size: 15vh; } a { color: #ff0; text-decoration: none; } a:hover { text-decoration: underline; } button { cursor: pointer; text-transform: uppercase; } #info { position: absolute; top: 0px; width: 100%; padding: 10px; box-sizing: border-box; text-align: center; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; z-index: 1; /* TODO Solve this in HTML */ } a, button, input, select { pointer-events: auto; } .dg.ac { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; z-index: 2 !important; /* TODO Solve this in HTML */ } #overlay { position: absolute; font-size: 16px; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; background: rgba(0,0,0,0.7); } #overlay button { background: transparent; border: 0; border: 1px solid rgb(255, 255, 255); border-radius: 4px; color: #ffffff; padding: 12px 18px; text-transform: uppercase; cursor: pointer; } #notSupported { width: 50%; margin: auto; background-color: #f00; margin-top: 20px; padding: 10px; }