body{height:100vh;margin:unset}.container{display:flex;justify-content:center;align-items:center;height:100vh}.popup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;justify-content:center;align-items:center;z-index:1}.popup-content{background-image:url(/images/popup-small.png);background-repeat:no-repeat;background-size:100% 100%;background-color:#fefefe;padding:20px;border:1px solid #888;width:80%;max-width:500px;position:relative}.close{color:#aaa;float:right;font-size:28px;font-weight:700;cursor:pointer}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}.full-screen-darkener{position:fixed;top:0;left:0;width:100%;height:100%;background-color:transparent;opacity:0;z-index:999;pointer-events:none;transition:background-color 5s ease,opacity 1s ease}.full-screen-darkener.darkened{background-color:#000;opacity:1;pointer-events:auto}.dev-button{position:fixed;top:20px;left:20px;background-color:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;z-index:1000}.dev{position:fixed;top:20px;left:20px}@font-face{font-family:atlantis;src:url(/fonts/atlantis/AtlantisInlineGrunge.ttf) format("truetype");font-weight:400;font-style:normal}h1,h2{font-family:atlantis,sans-serif}button{background-image:url(/images/button.png);width:100px;height:50px;background-size:cover;background-color:unset;border:unset;color:#d4d7da;margin-left:.5rem;margin-right:.5rem}.buttons{display:flex;justify-content:center}button:hover{cursor:pointer;text-shadow:0 0 8px #fff,0 0 16px #abd3da,0 0 24px #1976d2;transition:text-shadow .3s ease-in}