*{box-sizing:border-box}body,#root{background:linear-gradient(to top,#08f,#59b0fd);color:#fff;font-family:Arial,Helvetica,sans-serif;display:flex;flex-direction:column;align-items:center;height:100vh;margin:0;overflow:hidden}@font-face{font-family:Riogrande;src:url(/RioGrande.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Matador;src:url(/MATADOR.TTF) format("truetype");font-weight:400;font-style:normal}h1{margin:.1rem 0 0;text-align:center}.game-container{position:relative;margin:auto;height:20rem;width:30rem;top:-1rem}.figure-container{fill:transparent;stroke:#000;stroke-width:.4rem;stroke-linecap:round;position:absolute;left:50%;transform:translate(-50%)}.figure-part{display:none}.wrong-letters-container{top:15rem;margin:auto;position:absolute;display:flex;right:30%;text-align:center;flex-direction:column;font-weight:550;text-shadow:1px 1px 10px rgba(255,255,255,.9)}.wrong-letters-container p{margin:0 0 .2rem;text-decoration:underline;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.wrong-letters-color{font-size:1.7rem;color:#000}.word{display:flex;position:absolute;top:11rem;left:50%;transform:translate(-50%);text-transform:uppercase;text-shadow:2px 2px 4px rgba(0,0,0,.9)}.letter{border-bottom:4px solid black;display:inline-flex;font-size:2rem;align-items:center;justify-content:center;margin:0 .3rem;height:1.9rem;width:1.8rem}.popup-container{z-index:901;background-color:#000000b3;position:fixed;bottom:0;right:0;display:none;align-items:center;justify-content:center;left:0;top:-20%}.popup{background:#299bff;border-radius:1rem;padding:1rem;text-align:center;font-size:1.2rem;font-weight:600;text-shadow:2px 2px 4px rgba(0,0,0,.9)}.popup button{background-color:#fbe75b;color:#000;border:0;margin-bottom:5px;padding:10px 20px;font-size:35px;font-weight:900;border-radius:1rem;text-shadow:5px 5px 10px rgba(41,39,20,.5)}.popup button:active{transform:scale(.95)}.popup button:focus{outline:0}.notification-container{z-index:901;background-color:#000000b3;border-radius:1rem;position:absolute;font-weight:600;top:50%;left:50%;width:80%;padding:1.5rem;font-size:1.5rem;box-sizing:content-box;text-align:center}.notification-container p{margin:0}.notification-container.show{transform:translate(-50%,-50%)}.huvudrubrik{font-weight:600;text-shadow:2px 2px 4px rgba(0,0,0,.9);text-align:center;padding-top:1rem}.word-to-guess{text-shadow:2px 2px 4px rgba(0,0,0,.9);color:#fff;text-align:center;font-size:.6rem;line-height:1.5}.word-to-guess span{color:#000;text-shadow:2px 2px 4px rgba(255,255,255,.9);text-decoration:underline;font-size:1.4rem;font-family:Matador,sans-serif}.displayed-correct-word{color:#000;text-shadow:2px 2px 4px rgba(255,255,255,.9);font-size:1.2rem;font-weight:800}.keyboard{display:flex;flex-wrap:wrap;justify-content:center;width:95%;padding-bottom:10%}.keyboard button{background-color:#f4f4f4;border:3px solid #ccc;border-radius:.3rem;margin:.2rem;padding:10px 15px;font-size:1.2rem;font-weight:600}.library-container{z-index:901;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;text-align:center}.library-content{background-color:#2484d8;border-radius:.5rem;padding:1.5rem;color:#fff}.library-content ul{list-style-type:decimal;padding:0;padding-left:1.5rem;max-height:70vh;overflow-y:scroll;text-align:left}.library-content li{margin:.4rem 2rem;font-size:1.1rem;text-shadow:2px 2px 3px rgba(0,0,0,.9)}.library-content ul::-webkit-scrollbar{width:.7rem}.library-content ul::-webkit-scrollbar-track{background:#fff3;border-radius:1rem}.library-content ul::-webkit-scrollbar-thumb{background:#fff9;border-radius:1rem}.library-content h2{color:#000;text-decoration:underline;font-size:2rem;margin-top:-.5rem;margin-bottom:-.4rem}.library-content button{background-color:#fbe75b;color:#000;border:none;padding:.2rem 1.2rem;font-size:1.2rem;font-weight:900;border-radius:.5rem;margin-bottom:-1rem}.clue{position:fixed;top:15%;right:5%;width:3rem;height:3rem;display:flex;justify-content:center;align-items:center;background-image:url(/clue.png);background-size:contain;background-repeat:no-repeat;background-position:center;border:none;background-color:transparent}.brain{position:fixed;top:35%;right:5%;width:3rem;height:3rem;display:flex;justify-content:center;align-items:center;background-image:url(/brain.png);background-size:contain;background-repeat:no-repeat;background-position:center;border:none;background-color:transparent;color:#000;text-shadow:3px 3px 5px rgba(255,255,255,.9);font-size:1.2rem;font-weight:900;padding-bottom:.2rem;z-index:900}.book{z-index:900;position:fixed;top:45%;right:5%;width:3rem;height:3rem;display:flex;justify-content:center;align-items:center;background-image:url(/booken.png);background-size:contain;background-repeat:no-repeat;background-position:center;border:none;background-color:transparent;color:#000;font-size:1.1rem;font-weight:900;padding-top:.4rem}.winstreak{position:fixed;top:20%;right:5%;width:3rem;height:3rem;font-size:2rem;padding-top:.3rem;color:#000;display:flex;justify-content:center;align-items:center;background-image:url(/star.png);background-size:contain;background-repeat:no-repeat;background-position:center;border:none;background-color:transparent;animation:pulsesmaller 1.5s infinite alternate}.totaltsiffra{color:#ff0;animation:pulse .6s infinite alternate;display:inline-block}.winningmessage{color:#ff0;animation:pulsesmall .6s infinite alternate;display:inline-block}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.8)}}@keyframes pulsesmall{0%{transform:scale(1)}to{transform:scale(1.1)}}@keyframes bultande{0%{transform:scale(1)}to{transform:scale(1.05)}}@keyframes pulsesmaller{0%{transform:scale(1)}to{transform:scale(.8)}}@media only screen and (max-width: 400px),only screen and (max-height: 750px){.game-container{width:90%;height:auto;top:1.2rem}.figure-container{bottom:6.5rem}.word{top:-5.5rem}.wrong-letters-container{right:10%;top:-3rem}.letter{font-size:1.5rem;width:1rem;height:2rem}h1{font-size:1.2rem}.popup{font-size:.8rem;padding:1rem}.popup button{font-size:1.5rem}.notification-container{width:80%;padding:1.5rem;font-size:1rem;background-color:#000000b3;box-sizing:content-box;text-align:center}.keyboard{position:absolute;bottom:-2rem;width:95%}.keyboard button{border:.2rem solid #8dc9fd;border-radius:.3rem;margin:.1rem;padding:.6rem;font-size:.8rem}}@media (min-height: 650) and (min-width: 400px){.displayed-correct-word{font-size:3rem}.letter{font-size:1.8rem;width:1rem;height:1.8rem}.keyboard{bottom:.5rem;width:90%}.keyboard button{border:.2rem solid black;margin:.3rem;padding:.8rem 1rem;font-size:1.5rem}.clue{position:fixed;top:5%;right:8%;width:4rem;height:4rem}.brain{position:fixed;top:34%;right:9%;width:4rem;height:4rem;font-size:2rem}.book{top:48%;right:9%;width:4.2rem;height:4.2rem;font-size:1.5rem;padding-top:.4rem;padding-left:.4rem}.winstreak{position:fixed;top:14%;right:8%;width:5rem;height:5rem;font-size:2rem;font-weight:900}}@media only screen and (min-width: 700px) and (min-height: 900px){.notification-container{font-weight:600;padding:3rem;font-size:3rem}.word-to-guess{font-size:1.4rem}.word-to-guess span{font-size:2.2rem}.game-container{height:30rem;width:35rem;top:2.5rem}.huvudrubrik{font-size:3.5rem}.keyboard{width:80%}.keyboard button{border:.2rem solid black;margin:.3rem;padding:.8rem 1.2rem;font-size:2.5rem}.clue{width:5.5rem;height:5.5rem;top:8%;right:8%}.brain{top:32%;right:8%;width:5.5rem;height:5.5rem;font-size:2.5rem}.book{top:44%;right:8%;width:5.8rem;height:5.8rem;font-size:2rem;padding-top:.4rem;padding-left:.4rem}.winstreak{top:14%;right:10%;width:5.5rem;height:5.5rem;font-size:3rem}.popup{padding:1rem;font-size:2rem;font-weight:600;text-shadow:2px 2px 4px rgba(0,0,0,.9)}.wrong-letters-container p{margin:0 0 .1rem}.wrong-letters-color{font-size:2.8rem}.letter{border-bottom:6px solid black;font-size:2.5rem;margin:0 .3rem;height:2.5rem;width:2.5rem}.library-content ul{padding-left:2.5rem}.library-content li{margin:.5rem 4rem;font-size:2rem}.library-content ul::-webkit-scrollbar{width:.9rem}.library-content h2{font-size:3rem;margin-bottom:1rem}.library-content button{padding:.5rem 2.5rem;font-size:2rem}.figure-container{fill:#000;width:210px;height:210px;top:-4rem}.displayed-correct-word{font-size:3rem}}