@-webkit-keyframes puffIn{0%{opacity:0;transform-origin:50%;filter:blur(2px);transform:scale(1.5)}to{opacity:1;transform-origin:50%;filter:blur();transform:scale(1)}}@keyframes puffIn{0%{opacity:0;transform-origin:50%;filter:blur(2px);transform:scale(1.2)}to{opacity:1;transform-origin:50%;filter:blur();transform:scale(1)}}@keyframes flipInY{0%{opacity:0;animation-timing-function:ease-in;transform:perspective(400px)rotateY(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px)rotateY(-20deg)}60%{opacity:1;transform:perspective(400px)rotateY(10deg)}80%{transform:perspective(400px)rotateY(-5deg)}to{transform:perspective(400px)}}.flipInY{animation-name:flipInY;animation-duration:1s;backface-visibility:visible!important}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes jackInTheBox{0%{opacity:0;transform-origin:bottom;transform:scale(.1)rotate(30deg)}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}*,:before,:after{pading:0;box-sizing:border-box;margin:0;font-family:Outfit,sans-serif}body{background-image:linear-gradient(90deg,#7429c6,#c951e7);place-items:center;min-height:100vh;display:grid}main{width:min(90%,520px)}article{text-align:center;color:#fff;background-color:#030616;border-radius:10px;padding-block:1rem 2.5rem;padding-inline:1.5rem}@media (width>=640px){article{padding-block:2rem;padding-inline:2rem}}.game__container--heading{-webkit-text-fill-color:transparent;background-image:linear-gradient(90deg,#7429c6 25%,#c951e7);-webkit-background-clip:text;background-clip:text;margin-block:1rem;font-size:2rem}.random__words__container{color:#97a3b6;letter-spacing:15px;background-color:#4a5567;border-radius:5px;margin-block:1.5rem;padding-block:1rem;font-size:2rem;animation-duration:1.5s;animation-fill-mode:backwards;box-shadow:0 1rem 1rem -1rem #000}.puffInAnimation{animation-name:puffIn}.game__status__container{color:#4a5567;justify-content:space-around;font-size:.92rem;display:flex}.game__status__container .game__status--mistakes span{color:#f2f5f9}@media (width>=640px){.game__status__container{font-size:.75rem}}.game__status--tries{align-items:baseline;gap:.5rem;display:flex}.tries span{color:currentColor}.dots__container{align-items:center;gap:.2rem;display:flex}@media (width>=640px){.dots__container{column-gap:.5rem}}.dot{background-color:#4a5567;border-radius:50%;width:.4rem;height:.415rem}@media (width>=640px){.dot{width:.4rem;height:.4rem}}.active{background-color:#7429c6}.matched__words__container{justify-items:center;margin-block:3rem;animation-duration:1.5s;display:grid}@media (width>=640px){.matched__words__container{column-gap:.5rem;padding-inline:1rem}}.zoomInAnimation{animation-name:zoomIn}.letter__container{color:#f2f5f9;text-align:center;caret-color:#0000;background:0 0;border:2px solid #4a5567;border-radius:8px;width:2.6rem;height:3rem;font-size:1.25rem}.letter__container:focus-within{border:none;outline:2px solid #c951e7}@media (width>=640px){.letter__container{width:3.8rem;height:3.2rem}}.buttons__container{grid-template-columns:repeat(2,1fr);column-gap:1rem;display:grid}@media (width>=640px){.buttons__container{column-gap:2rem;padding-inline:4.5rem}}.buttons__container button{color:#f2f5f9;background-color:#c951e7;border:none;border-radius:8px;outline:3px solid #0000;padding-block:.75rem;font-size:.875rem;transition:all 1ms ease-in-out;box-shadow:0 4.4px 1px #672171}@media (width>=640px){.buttons__container button{padding-block:1rem}}.buttons__container button:active{box-shadow:none;transform:translateY(4.4px)}
/*# sourceMappingURL=index.8a0b3e74.css.map */