@import url(https://fonts.googleapis.com/css2?family=Rowdies&display=swap);*{box-sizing:border-box}#root{height:100%;width:100%}body{align-items:center;background-color:#60a3bc;color:#fff;display:flex;flex-direction:column;font-family:Arial,Helvetica,sans-serif;height:80vh;margin:0;overflow:hidden}.main{display:grid;grid-template-columns:1fr 3fr;margin:40px 20px;text-align:left}.menu{margin-left:50px}h1{margin:20px 0 0}.game-container{height:350px;margin:auto;padding:20px 30px;position:relative;width:450px}.figure-container{fill:transparent;stroke:#fff;stroke-width:4px;stroke-linecap:round}.figure-part{display:none}.wrong-letters-container{display:flex;flex-direction:column;position:absolute;right:20px;text-align:right;top:20px}.wrong-letters-container p{margin:0 0 5px}.wrong-letters-container span{font-size:24px}.popup-container{align-items:center;background-color:rgba(0,0,0,.3);bottom:0;display:none;justify-content:center;left:0;position:fixed;right:0;top:0}.popup{background:#d35400;border-radius:5px;box-shadow:0 15px 10px 3px rgba(0,0,0,.1);font-family:Nunito,sans-serif;padding:20px;text-align:center}.popup.success{background-color:#27ae60}.popup .finalRevealWord span{border:.5px dashed;border-color:#fff #fff currentcolor;display:inline-flex;font-size:1.5em;padding:10px}.popup button{background-color:#fff;border:0;color:#2980b9;cursor:pointer;font-size:16px;margin-top:20px;padding:12px 20px}.popup button:active{-webkit-transform:scale(.98);transform:scale(.98)}.popup button:focus{outline:0}.mobile-message{display:none}@media only screen and (max-width:600px){.main{display:block}.main .menu{margin:auto;text-align:center}.game-container{height:auto;width:auto}.word{bottom:0}.figure-container{margin-bottom:20px}.mobile-message{display:block;font-family:Nunito,sans-serif}}footer{bottom:5px;font-family:Nunito,sans-serif;font-size:1em;left:0;margin-left:auto;margin-right:auto;position:absolute;right:0;text-align:center;width:400px}footer a{color:#7a3201;cursor:pointer;text-decoration:none}.Header_heading__TCcSz{font-family:Rowdies,cursive;font-size:3em}.Header_description__KMsIN{font-family:Nunito,sans-serif;margin-top:0}.Header_reset-button__n8ysr{background:none;border:2px solid #fff;border-radius:4px;color:#fff;cursor:pointer;font-size:1em;font-weight:700;margin:10px;padding:6px 12px}.Header_keyboard_launch__rq8l5{display:none}@media only screen and (max-width:600px){.Header_description__KMsIN{margin-top:0}.Header_keyboard_launch__rq8l5{display:inline}}.TopicSelector_menu__7GEkT{margin-top:50px}.TopicSelector_section-heading__-DQZy{font-family:Nunito,sans-serif;font-size:1.2em;margin:20px 0 0 10px}.TopicSelector_custom-dropdown__QfF3-{display:inline-block;margin:10px;position:relative;vertical-align:middle}.TopicSelector_custom-dropdown__QfF3- select{-webkit-appearance:button;background-color:#d35400;border:0;border-radius:3px;color:#fff;font-size:inherit;margin:0;padding:.5em 2.5em .5em .5em;text-indent:.01px;text-overflow:""}.TopicSelector_custom-dropdown__QfF3-:after,.TopicSelector_custom-dropdown__QfF3-:before{content:"";pointer-events:none;position:absolute}.TopicSelector_custom-dropdown__QfF3-:after{content:"\25BC";font-size:.625em;height:1em;line-height:1;margin-top:-.5em;right:1.2em;top:50%}.TopicSelector_custom-dropdown__QfF3-:before{background-color:rgba(0,0,0,.15);border-radius:0 3px 3px 0;bottom:0;right:0;top:0;width:2em}.TopicSelector_custom-dropdown__QfF3-:after{color:rgba(0,0,0,.4)}@media only screen and (max-width:600px){.TopicSelector_menu__7GEkT{margin:0}}.Word_word__-rugh{bottom:10px;display:flex;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.Word_letter__wfHO0{align-items:center;border-bottom:3px solid#99572b;display:inline-flex;font-size:30px;height:50px;justify-content:center;margin:0 3px;width:20px}@media only screen and (max-width:600px){.Word_word__-rugh{bottom:0}}.Notification_notification-container__RMguc{background-color:rgba(0,0,0,.3);border-radius:10px 10px 0 0;bottom:-50px;display:none;padding:15px 20px;position:absolute;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.Notification_notification-container__RMguc p{margin:0}.Notification_notification-container__RMguc.Notification_show__3-yEA{display:block;-webkit-transform:translateY(-50px);transform:translateY(-50px)}
/*# sourceMappingURL=main.5f53f9ac.css.map*/