@import"https://fonts.googleapis.com/css?family=Product%20Sans:100,200,300,400,600,700,800,900";.tile{overflow:hidden;position:relative;width:100%}.card{display:grid;grid-template-columns:1fr;align-content:center;height:100%;margin:0;padding:0;position:absolute;text-transform:capitalize;width:100%}.typing{text-shadow:0 .025em 0 rgba(0,0,0,.1);word-wrap:break-word;cursor:pointer;text-decoration:none;color:#fff;margin:10px;font-size:calc(1.4em + 1vw);font-weight:400}.cursor{animation:blink .8s steps(1) infinite;border-left:1px solid #fff}@keyframes blink{50%{border-color:transparent}}.fade-in{opacity:1;animation-name:fadeInOpacity;animation-iteration-count:1;animation-timing-function:ease-in;animation-duration:.5s}@keyframes fadeInOpacity{0%{opacity:0}to{opacity:1}}.left-exit{transform:translate(0)}.left-exit.left-exit-active{transform:translate(-100%);transition:all .6s ease}.left-exit-done{display:none}.right-exit{transform:translate(0)}.right-exit.right-exit-active{transform:translate(100%);transition:all .6s ease}.top-exit{transform:translateY(0)}.top-exit.top-exit-active{transform:translateY(100%);transition:all .6s ease}.bottom-exit{transform:translateY(0)}.bottom-exit.bottom-exit-active{transform:translateY(-100%);transition:all .6s ease}body{margin:0;font-family:Product Sans,Arial,Helvetica,sans-serif;color:#fff;background:#333}button{position:absolute;top:10px;right:10px;z-index:4;width:100px;height:50px;border-radius:5px}.logo{text-shadow:0 .025em 0 rgba(0,0,0,.1);text-decoration:none;color:#fff;position:absolute;top:10px;right:10px;font-size:22px;z-index:5;letter-spacing:.5px;font-weight:300}.logoBold{font-weight:400}.squareContainer{position:absolute;top:5px;left:5px;z-index:5}.gridChooser{display:grid;grid:repeat(5,1fr) / repeat(5,1fr);width:100%;height:100%}.square{margin:1px;background:#fff;opacity:.7;cursor:pointer}.square:hover{opacity:1}.region-picker{position:absolute;bottom:10px;left:10px;z-index:9999;display:flex;gap:4px;font-size:.8rem}.region-picker .text{color:#fff;font-weight:200}.region-selected{cursor:pointer;font-weight:700}.select-region{display:none}.show{display:block}.region-picker-select{position:relative;display:inline-block;cursor:pointer}.region-picker-select select{position:absolute;top:0;left:0;opacity:0}@keyframes fadeOut{0%{opacity:1;z-index:9999}to{opacity:0;z-index:-1}}.loading{background-color:#333;position:absolute;top:0;left:0;width:100vw;display:flex;flex-direction:column;gap:2rem;justify-content:center;align-items:center;height:100vh}.loading-main{background-color:#333;animation:fadeOut 2.5s ease-in-out 0s;position:absolute;top:0;left:0;width:100vw;display:flex;flex-direction:column;gap:2rem;justify-content:center;align-items:center;height:100vh}.loading-text{font-size:1.5rem;font-weight:600;margin-left:10px}.sleep{animation:fadeOut .5s ease-in-out 0s;opacity:0;z-index:-1}.active{animation:fadeIn .5s ease-in-out 0s;opacity:1;z-index:9999}@keyframes fadeIn{0%{opacity:0;z-index:-1}to{opacity:1;z-index:9999}}