@font-face{font-family:bloodstain;src:url(/assets/Nosifer-Regular-d5e3114d.ttf)}@font-face{font-family:lacquer;src:url(/assets/Lacquer-Regular-e32d0e79.ttf)}body{background-color:#222;color:#fff;margin:0;padding:0;font-family:lacquer}p{margin:0;padding:0}#root{width:100vw}h1{text-align:center;padding:20px;font-size:25pt;margin:0;font-family:bloodstain;font-size:30pt;color:#b80303;text-shadow:3px 3px 10px #ffffff29}.splash-button{background-color:#222;font-family:lacquer;letter-spacing:5px;border:none;font-size:20pt;color:#f5f5f5;display:block;margin:30px auto;transition:.5s}.splash-button:hover{transition:.5s;text-shadow:0 10px 10px rgb(243,215,215)}@keyframes noose-swing{0%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}to{transform:rotate(-5deg)}}.swinging-noose{display:block;margin:0 auto;height:50vh;animation:noose-swing 3s ease-in-out infinite;transform-origin:top}.header{display:flex;flex-direction:column;width:100vw;justify-content:space-between;align-items:center;margin-bottom:30px}.header h1{font-family:bloodstain;font-size:15pt;padding:10px;margin:0}.empty-div{width:20%;display:none}@media (min-width: 800px){.empty-div{display:block}}.score-wrapper{display:flex;width:100%;max-width:400px;flex-direction:row;justify-content:space-evenly}.score-div{font-size:12pt}canvas{width:300px;display:block;margin:0 auto;border:1px solid white;border-radius:15px;background-color:#000}.letter-display{letter-spacing:5px;font-size:20pt;text-align:center;margin:20px auto}.keyboard{display:flex;margin:20px auto;justify-content:center;width:80vw;max-width:300px;flex-wrap:wrap}.key{font-size:20pt;letter-spacing:5px;position:relative}.strikeout{position:absolute;top:0;color:#b10e0e}.footer{position:fixed;background-color:#222;display:flex;justify-content:center;margin:0;padding:5px;bottom:0;width:100vw;font-size:10pt}.footer a{color:#fff}.round-won,.game-lost{position:absolute;top:0;left:0;z-index:2;width:100vw;height:100vh;background-color:#000;opacity:90%;color:#fff;text-align:center}.popup-wrapper{background-color:#000;opacity:100%;width:80%;margin:100px auto}@keyframes game-over-h2{0%{font-size:0}to{font-size:1.5em}}@keyframes game-over-text{0%{font-size:0}to{font-size:1em}}.popup-wrapper h2{margin:30px 0 0;animation:game-over-h2 .5s;padding:20px}.popup-wrapper p{animation:game-over-text .5s}.popup-wrapper ul{margin:0;padding:0;list-style:none;animation:game-over-text .5s}.popup-wrapper li{margin:5px 0;animation:game-over-text .5s}.popup-wrapper button{margin:30px;background:white;color:#000;font-family:lacquer;font-size:1em;border:none;border-radius:8px;padding:5px 10px;animation:game-over-text .5s}.popup-wrapper input{border:1px solid white;padding:4px;border-radius:8px;font-family:lacquer;font-size:1em;color:#000;background-color:#fff;animation:game-over-text .5s}p.error{color:red}.splash-body{position:relative;text-align:center}.scores{position:absolute;top:0;display:block;background-color:#2229;width:100vw;height:100%;padding:0;margin:0 auto}.scores h2{margin:0;padding:0 0 20px}.score-list-wrapper{overflow:hidden}.score-list-wrapper ul{position:relative;padding:0;margin:0 auto;width:50vw;height:40vh;max-width:400px;animation:score-scroll 10s 3s infinite ease-in-out}.fade-block{width:100vw;height:20px;background-color:#2229}.scores li{display:flex;flex-direction:row;justify-content:space-between;list-style:none;padding:none}@keyframes score-scroll{0%{top:0px}50%{top:-170px}to{top:0px}}