@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap);.overlay{background:#00000080;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1}.popup{background-color:#f1f1f1;border-radius:5px;left:50%;padding:10px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:2}.popup span{display:block;margin-bottom:5px}.popup button{background-color:#2980b9;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:10px;padding:5px 10px}.popup-close{background-color:#0000004d;box-shadow:0 -2px 10px #0003;color:#ecf0f1;height:50px;left:50%;margin-top:235px;padding:15px;position:fixed;text-align:center;transform:translateX(-50%)}.close-button{background-color:#3498db;border:none;border-radius:5px;color:#ecf0f1;cursor:pointer;font-size:16px;margin-top:10px;padding:10px 20px}.close-button:hover,.popup-play-again,.popup-try-again{background-color:#2980b9}#play-again-button,#try-again-button{background-color:#fff;color:#2980b9;height:50px;position:relative;width:100px}.popup-try-again{height:200px;left:-30%;top:-60%}.popup-play-again,.popup-try-again{color:#fff;position:absolute;width:300px}.popup-play-again{height:150px;left:20%;top:-20%}@media only screen and (max-width:768px){#play-again-button,#try-again-button,.popup,.popup-play-again,.popup-try-again{width:80%}}@media only screen and (max-width:480px){#play-again-button,#try-again-button,.popup,.popup-play-again,.popup-try-again{width:90%}}.wrong-letters{color:#fff;font-size:18px;margin-top:10px}.wrong-letter{margin-right:5px}.wrong-letters p{margin:5px 0 0}@media only screen and (max-width:768px){.wrong-letters{font-size:16px}}@media only screen and (max-width:480px){.wrong-letters{font-size:14px}}svg{display:block;margin:0 auto}circle{fill:#34495e}circle,line{stroke:#fff;stroke-width:4}@media only screen and (max-width:768px){svg{width:80%}}@media only screen and (max-width:480px){svg{width:100%}}.dashes{align-items:center;display:flex;flex-direction:row;justify-content:center;margin-left:350px;margin-top:30px}.dashes,.wrong{position:relative}.wrong{margin-top:-450px}.word{border:none;font-size:24px;font-weight:700;margin-bottom:10px;outline:none}.dash{color:#2980b9;font-size:40px;margin-right:5px;position:relative}.input-letter{color:#fff;font-size:24px;position:absolute;top:10px}.container{margin-right:100px}.hangman{margin-right:50px;margin-top:30px}.pop{color:#fff;height:175px;position:absolute;width:300px}.Loss-popup h3{padding:20px}@media only screen and (max-width:768px){.dashes{margin-left:20px}.container,.dashes,.hangman{margin-right:20px}}@media only screen and (max-width:480px){.dashes{align-items:flex-start;flex-direction:column;margin-left:20px;margin-right:20px}.wrong{margin-top:0}.container,.hangman{margin-right:20px}.hangman{margin-top:20px}.pop{width:100%}.Loss-popup h3{padding:10px}}*{box-sizing:border-box;margin:0;padding:0}.App{background:#34495e;height:100vh;width:100vw}h1,p{color:#fff;font-family:Arial,Helvetica,sans-serif;text-align:center}p{margin-right:100px;margin-top:30px}h1{margin-right:210px;transform:translateY(20px)}@media only screen and (max-width:768px){h1,p{margin-right:0}}@media only screen and (max-width:480px){h1{transform:translateY(0)}h1,p{margin-right:0}}
/*# sourceMappingURL=main.eb4edf89.css.map*/