body{font-family:Mouse Memoirs,sans-serif!important;margin:0}.App{align-items:center;background:url(/static/media/background-desktop.849f782bdb51c86e832c.svg);background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center;min-height:100vh;position:relative}.mouse-memoirs-regular{font-family:Mouse Memoirs,sans-serif!important;font-style:normal!important;font-weight:400!important}@media only screen and (max-width:1255px){.App{background:url(/static/media/background-tablet.201e030d1782692fca57.svg)}}@media only screen and (max-width:520px){.App{background:url(/static/media/background-mobile.49cbef3c9071ea349526.svg);background-position:0 0!important}}.container{filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));height:685px;max-width:100%;text-align:center;width:592px}.menu{background:linear-gradient(-180deg,#344aba,#001479d4);box-shadow:0 -8px 0 4px #140e66;height:500px;max-width:100%;width:592px}.inner-menu,.menu{align-items:center;border-radius:72px;display:flex;flex-direction:column;justify-content:center}.inner-menu{box-shadow:inset 0 6px 0 8px #2463ff;gap:30px;height:100%;width:100%}.inner-play-container{border-radius:999px;box-shadow:inset 0 -11px 0 5px #9d2df5;padding:68px 66px}.outter-play-container{background:linear-gradient(-180deg,#fe71fe,#7199ff);border-radius:999px;box-shadow:0 4px 0 5px #243041}.outter-play-container:hover{cursor:pointer}.outter-play-container:hover .inner-play-container{background:#ffffff40}@media only screen and (max-width:520px){.container{display:flex;height:auto;justify-content:center;position:relative}.container .main-title{height:120px;position:absolute;width:250px;z-index:2}.menu{margin-top:64px;width:324px}.inner-menu{gap:72px}.inner-play-container{padding:54px 53px}}.button-container{border-radius:40px;box-shadow:0 2px 0 3px #140e66}.button-container .myButton{background-color:#2463ff;border-radius:40px;box-shadow:inset 0 6px 0 3px #3c74ff;font-family:Mouse Memoirs,sans-serif!important;font-size:32px;letter-spacing:.05em;line-height:120%;padding:12px 64px}.button-container:hover .myButton{background-color:#3c74ff;box-shadow:inset 0 6px 0 3px #2463ff;cursor:pointer}.quit-button.button-container{box-shadow:0 -4px 0 1px #c642fb}.quit-button.button-container .myButton{box-shadow:inset 0 -4px 0 3px #140e66}.quit-button.button-container .myButton,.quit-button.button-container:hover{background:linear-gradient(-180deg,#fe71fe,#7199ff)}.quit-button.button-container:hover .myButton{background:#ffffff40}.modal-title{left:50%;position:absolute;top:-40px;transform:translate(-50%,-50%)}.MuiBox-root{background:linear-gradient(-180deg,#344aba,#001479d4)!important;border:none!important;border-radius:72px;box-shadow:inset 0 1px 0 6px #3c74ff!important;height:320px;outline:none;width:500px}.modal-inner{border-radius:72px;box-shadow:inset 0 -8px 0 4px #140e66;height:100%;left:0;position:absolute;top:0;width:100%}.modal-inner:focus-visible{outline:none!important}.MuiBox-root .buttons{align-items:center;display:flex;flex-direction:column;gap:34px;height:100%;justify-content:center}@media only screen and (max-width:520px){.modal-title{top:-10px;width:186px}.MuiBox-root{max-width:80%}}.help-container .cards{display:flex;gap:32px;height:550px}.help-container .cards .card{align-items:center;background-color:#fff;border-radius:40px;display:flex;flex-direction:column;gap:40px;padding:60px 38px 0;text-align:center;width:384px}.card .number{color:#2463ff;font-size:72px;line-height:120%}.card .title{color:#261676;font-size:42px}.card .content,.card .title{letter-spacing:.05em;line-height:120%}.card .content{color:#887dc0;font-size:26px}.card p{margin:0}@media only screen and (max-width:1255px){.help-container{align-items:center}.help-container .cards{align-items:center;flex-direction:column;height:auto}.help-container .cards .card{flex-direction:row;padding:32px 40px;width:80%}.content-container{align-items:flex-start;display:flex;flex-direction:column;gap:16px;text-align:start}.card .title{font-size:40px}.card .content{font-size:20px}}@media only screen and (max-width:520px){.help-container .cards .card{align-items:flex-start;flex-direction:column;text-align:start}.content-container{align-items:center;flex-direction:row}.card .number,.card .title{font-size:24px}}.gameview-container .title-container{align-items:center;display:flex;gap:56px;justify-content:flex-start}.gameview-container .title-container p{color:#fff;font-size:72px;line-height:120%;margin:0}.gameview-container .health-container{align-items:center;display:flex;gap:40px;justify-content:flex-end}.gameview-container .health-container div:first-of-type{align-items:center;background:#fff;border-radius:96px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;padding:8px 12px;position:relative;width:100%;z-index:2}.gameview-container .health-container div span{border-radius:96px;height:13px}.letters-list{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;max-height:100%;max-width:100%;width:1173px}.letters-list .letter{align-items:center;background-color:#fff;border-radius:24px;color:#261676;display:flex;font-size:48px;height:64px;justify-content:center;letter-spacing:.05em;line-height:120%;margin:0;width:82px}.letters-list .letter:hover{background-color:#2463ff;color:#fff;cursor:pointer}.letters-list .letter.picked{opacity:.25}.letters-list .picked:hover{background-color:#fff;color:#261676;cursor:auto}.words-list{display:flex;flex-wrap:wrap;justify-content:center}@media only screen and (max-width:1255px){.letters-list{max-width:none;width:100vw}.gameview-container .title-container p{font-size:48px}}@media only screen and (max-width:520px){.gameview-container .title-container{gap:16px}.gameview-container .health-container div:first-of-type{margin-right:10px;width:56px}.gameview-container .health-container{gap:0}.letters-list .letter{border-radius:8px;font-size:24px;height:56px;width:28px}.letters-list{gap:8px;height:216px;width:324px}.gameview-container{gap:0;margin-top:0}.gameview-container .header{margin-top:0}.words-list{margin-bottom:20px}}.category-list{flex-wrap:wrap;gap:0 32px;height:380px;max-width:100%;width:1216px}.category,.category-list{align-items:center;display:flex;justify-content:center}.category{background-color:#2463ff;box-shadow:inset 0 6px 0 1px #3c74ff;gap:32px}.category:hover{background-color:#ffffff40}.category-list a:hover{background-color:#2463ff}.category p{color:#fff;font-size:48px;letter-spacing:.05em;line-height:120%;margin:0}.category-list a{box-shadow:0 2px 0 3px #140e66;text-decoration:none}.category,.category-list a{border-radius:40px;height:160px;width:340px}@media only screen and (max-width:1255px){.category-list{flex-direction:column;gap:32px;height:612px;width:680px}.category-list a{border-radius:40px;height:160px;width:calc(50% - 32px)}.category-list a div{width:auto}}@media only screen and (max-width:520px){.category-list a,.category-list a div{height:auto;width:324px}.category-list{gap:16px 16px;height:100%}.category-list a div{padding:12px 0}.category p{font-size:24px}}.categories-container,.gameview-container,.help-container{display:flex;flex-direction:column;gap:36px;margin-bottom:144px;margin-top:36px;max-width:100%;width:1212px}.gameview-container{gap:64px}.categories-container .back-image-container,.gameview-container .back-image-container,.help-container .back-image-container{align-items:center;background:linear-gradient(-180deg,#fe71fe,#7199ff);border-radius:999px;box-shadow:inset 0 -6px 0 7px #9d2df540;display:flex;height:72px;justify-content:center;width:72px}.categories-container .back-image-container:hover,.gameview-container .back-image-container:hover,.help-container .back-image-container:hover{cursor:pointer}.back-image-container img{height:32px;width:28px}.categories-container .header,.gameview-container .header,.help-container .header{align-items:center;display:flex;justify-content:space-evenly;max-width:100%}.header .section{flex:1 1}@media only screen and (max-width:1255px){.categories-container .header,.gameview-container .header,.help-container .header{margin:40px 0;width:680px}.categories-container,.gameview-container,.help-container{align-items:center;width:680px}}@media only screen and (max-width:520px){.categories-container,.gameview-container,.help-container{width:calc(100vw - 51px)}.categories-container .header{margin-bottom:20px}.categories-container .header,.gameview-container .header img,.help-container .header{height:58px;vertical-align:bottom}.categories-container .back-image-container,.gameview-container .back-image-container,.help-container .back-image-container{height:48px;width:48px}.help,.help-container .mobile-how-to{height:58px}.back-image-container img{width:22px}.gameview-container .health-container img{height:24px;width:26px}}.letter-container{background-color:#2463ff;box-shadow:inset 0 1px 0 6px #3c74ff}.letter-container .inner-container{align-items:center;box-shadow:inset 0 -2px 0 3px #140e66;display:flex;justify-content:center}.letter-container,.letter-container .inner-container{border-radius:40px;height:100px;width:90px}.letter-container .inner-container p{color:#fff;font-size:88px;line-height:120%;margin:0}.letter-view{display:flex;gap:16px;justify-content:center;margin-bottom:16px;margin-right:90px}.empty-letter{opacity:.25}@media only screen and (max-width:1255px){.letter-view{flex-wrap:wrap;margin-right:0}}@media only screen and (max-width:520px){.letter-container,.letter-container .inner-container{border-radius:12px;height:66px;width:40px}.letter-container .inner-container p{font-size:40px}}
/*# sourceMappingURL=main.c496081b.css.map*/