:root{--card-width: 9rem;--card-gap: 1rem;--border-radius: 4px}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}html,body{width:100%;height:100%;margin:0;padding:0}body{background:#ffbb3c;font-family:"Quicksand",sans-serif;-webkit-font-smoothing:antialiased}ul{list-style:none;padding-left:0;margin:0}button{padding:1.25rem 2rem;border:none;border-radius:5px;background-color:#ffbb3c;margin-top:1.75rem;color:white;text-transform:uppercase;font-size:13px;letter-spacing:1.5px;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;-webkit-box-shadow:8px 10px 20px 0 rgba(73,73,73,0.2);box-shadow:8px 10px 20px 0 rgba(73,73,73,0.2);cursor:pointer;font-family:"Fredoka One",sans-serif}button:hover{-webkit-box-shadow:2px 4px 8px 0 rgba(73,73,73,0.3);box-shadow:2px 4px 8px 0 rgba(73,73,73,0.3);background:#f2ae2f}header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:1.5rem}.nom-logo{width:calc((var(--card-width) * 2) + (var(--card-gap)));display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;font-family:"Fredoka One",sans-serif}.nom-logo>img{width:100%}.nom-logo>p{margin:0;text-align:center;letter-spacing:0.75px;font-size:0.96rem;margin-left:0.25rem;color:#7a3382;white-space:nowrap}.score-panel{text-align:left;width:calc(var(--card-width) + var(--card-gap) + (var(--card-width) / 3));display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-ms-flex-wrap:wrap;flex-wrap:wrap;color:#646464;font-family:"Fredoka One",sans-serif;font-size:0.95rem;letter-spacing:0.5px}.score-panel>div{background:rgba(255,255,255,0.4);border-radius:6px;padding:0.6rem 0.75rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.score-panel i{font-size:1.2rem}.score-panel .heart-container{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;margin-bottom:6px;display:-webkit-box;display:-ms-flexbox;display:flex}.score-panel .hearts{margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-item-align:end;align-self:flex-end}.score-panel .hearts>i{color:#ff5363;font-size:1.1rem}.score-panel .hearts>i:not(:last-child){margin-right:0.25rem}.score-panel .hearts>i.inactive{color:#ffbb3c}.score-panel .timer i,.score-panel .restart i{margin-right:0.4rem}.score-panel .restart{cursor:pointer;-webkit-box-flex:1;-ms-flex:1 1;flex:1 1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:background 0.3s ease;transition:background 0.3s ease}.score-panel .restart i{color:#26c4b5}.score-panel .restart:hover{background:#26c4b5;color:#fff}.score-panel .restart:hover i{color:#f3f2f7}.score-panel .timer{margin-right:6px;min-width:92px}.score-panel .timer i{color:#8e4795}.score-panel .hearts li,.modal-rating li{list-style:none;display:inline-block}.game-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:2rem}.game-inner-container{max-width:calc((var(--card-width) * 4) + (var(--card-gap) * 3));width:100%}.deck{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.deck .card{height:var(--card-width);width:var(--card-width);background:#2e3d49;color:#ffffff;border-radius:8px;cursor:pointer;-webkit-box-shadow:3px 3px 7px 0 rgba(92,81,68,0.2);box-shadow:3px 3px 7px 0 rgba(92,81,68,0.2);margin:0 var(--card-gap) var(--card-gap) 0;background-image:url("../img/sprinkles.svg");background-color:#f3f2f7;background-repeat:no-repeat;background-position:center;background-size:cover}.deck .card:nth-child(4n){margin-right:0}.deck .card:nth-child(n+13){margin-bottom:0}.deck .card>img{height:0}.deck .card.open{-webkit-transform:rotateY(0);transform:rotateY(0);background:#8e4795;cursor:default;-webkit-animation-duration:0.75s;animation-duration:0.75s;-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flipInY;animation-name:flipInY}.deck .card.show>img{display:inline-block;vertical-align:middle;height:100%;width:100%;padding:20%;text-align:center}.deck .card.match{cursor:default;background:#8e4795;-webkit-animation-duration:0.75s;animation-duration:0.75s;-webkit-animation-name:tada;animation-name:tada}.deck .card.incorrect{background:#ff5363}.deck .card.disabled{pointer-events:none}.wobble{-webkit-animation-name:wobble !important;animation-name:wobble !important}.modal{opacity:0;display:none;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;line-height:1.75}.modal.winner{background-color:rgba(142,71,147,0.95)}.modal.winner .modal-content{-webkit-box-shadow:5px 5px 35px 0 rgba(62,36,67,0.65);box-shadow:5px 5px 35px 0 rgba(62,36,67,0.65)}.modal.winner .modal-content:after{top:165px}.modal.loser{background-color:rgba(38,196,181,0.95)}.modal.loser button{background-color:#ff5363}.modal.loser button:hover{background-color:#eb3f4f}.modal.loser .modal-content{width:340px;-webkit-box-shadow:5px 5px 35px 0 rgba(24,91,91,0.5);box-shadow:5px 5px 35px 0 rgba(24,91,91,0.5)}.modal.loser .modal-content:before{background-color:#ff5363;height:160px}.modal.loser .modal-content:after{top:125px}.modal.loser .modal-image{max-height:150px}.modal.loser h4{line-height:1.75}.modal h4{font-size:3.2rem;color:#8e4795;margin:0;font-weight:300;line-height:1.5;font-family:"Fredoka One",sans-serif;letter-spacing:0.5px}.modal p{margin:0;margin:0.25em 0 0;color:#7b7b7b;font-family:"Quicksand", sans-serif;letter-spacing:0;font-weight:700}.modal p:first-of-type{margin:0 0 0.75rem}.modal.visible{opacity:1}.modal.display{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.modal-content{background-color:#fff;margin:auto;padding:30px;width:370px;border-radius:20px;text-align:center;position:relative;-webkit-animation-name:bounceInDown;animation-name:bounceInDown;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.modal-content:before{content:"";width:100%;height:200px;background:#ffbb3c;position:absolute;top:0;left:0;z-index:-1;border-radius:20px 20px 0 0}.modal-content:after{content:"";position:absolute;width:100%;height:75px;background:#fff;left:0;z-index:-1;border-radius:100%}.modal-image{width:100%}.modal-open{overflow:hidden}.modal-rating{color:#ff5363}.modal-rating .inactive{color:#eaeaea}@-webkit-keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;-webkit-transform:translate3d(0, -3000px, 0)}60%{opacity:1;-webkit-transform:translate3d(0, 25px, 0)}75%{-webkit-transform:translate3d(0, -10px, 0)}90%{-webkit-transform:translate3d(0, 5px, 0)}to{-webkit-transform:translate3d(0, 0, 0)}}@keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;-webkit-transform:translate3d(0, -3000px, 0);transform:translate3d(0, -3000px, 0)}60%{opacity:1;-webkit-transform:translate3d(0, 25px, 0);transform:translate3d(0, 25px, 0)}75%{-webkit-transform:translate3d(0, -10px, 0);transform:translate3d(0, -10px, 0)}90%{-webkit-transform:translate3d(0, 5px, 0);transform:translate3d(0, 5px, 0)}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@-webkit-keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);-webkit-animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);-webkit-animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg)}to{-webkit-transform:perspective(400px)}}@keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);transform:perspective(400px) rotate3d(0, 1, 0, 90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);transform:perspective(400px) rotate3d(0, 1, 0, -20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);transform:perspective(400px) rotate3d(0, 1, 0, 10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);transform:perspective(400px) rotate3d(0, 1, 0, -5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@-webkit-keyframes wobble{from{-webkit-transform:translate3d(0, 0, 0)}15%{-webkit-transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)}30%{-webkit-transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)}45%{-webkit-transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)}60%{-webkit-transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)}75%{-webkit-transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)}to{-webkit-transform:translate3d(0, 0, 0)}}@keyframes wobble{from{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}15%{-webkit-transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)}30%{-webkit-transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)}45%{-webkit-transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)}60%{-webkit-transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)}75%{-webkit-transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@-webkit-keyframes tada{from{-webkit-transform:scale3d(1, 1, 1)}10%,20%{-webkit-transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)}to{-webkit-transform:scale3d(1, 1, 1)}}@keyframes tada{from{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}10%,20%{-webkit-transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)}to{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}}@media (min-width: 700px) and (max-height: 765px){:root{--card-width: 8rem}.score-panel{width:calc(var(--card-width) + var(--card-gap) + (var(--card-width) / 2))}.nom-logo>p{font-size:0.85rem}}@media (min-width: 700px) and (max-height: 700px){:root{--card-width: 7rem;--card-gap: 0.875rem}.nom-logo>p{font-size:0.77rem;letter-spacing:0.4px}.score-panel{font-size:0.8rem}.score-panel>div{padding:0.5rem 0.65rem}.score-panel i{font-size:1.1rem}.score-panel .hearts>i{font-size:1rem}.score-panel .timer{min-width:83px}.deck.card{-webkit-box-shadow:2px 2px 6px 0 rgba(92,81,68,0.25);box-shadow:2px 2px 6px 0 rgba(92,81,68,0.25)}}@media (min-width: 1000px) and (min-height: 950px){:root{--card-width: 10rem;--card-gap: 1.5rem}header{margin-bottom:2rem}.nom-logo>p{font-size:1.1rem}.score-panel{font-size:1.1rem}.score-panel>div{padding:0.7rem 0.85rem}.score-panel i{font-size:1.3rem}.score-panel .heart-container{margin-bottom:9px}.score-panel .hearts>i{font-size:1.2rem}.score-panel .timer{min-width:103px;margin-right:9px}}@media (min-width: 1000px) and (min-height: 1050px){:root{--card-width: 11rem}.nom-logo>p{font-size:1.22rem}.score-panel{font-size:1.15rem}.score-panel>div{padding:0.8rem 1rem}.score-panel i{font-size:1.4rem}.score-panel .hearts>i{font-size:1.3rem}.score-panel .timer{min-width:113px}}@media (min-width: 1000px) and (min-height: 1150px){:root{--card-width: 12rem}.nom-logo>p{font-size:1.33rem}.score-panel{font-size:1.25rem}.score-panel>div{padding:0.85rem 1.05rem}.score-panel i{font-size:1.5rem}.score-panel .hearts>i{font-size:1.4rem}.score-panel .timer{min-width:120px}.score-panel .timer i,.score-panel .restart i{margin-right:0.5rem}}@media (min-width: 1000px) and (min-height: 1250px){:root{--card-width: 13rem}header{margin-bottom:2.5rem}.nom-logo{width:calc((var(--card-width) * 2) + (var(--card-gap)) - 8px)}.nom-logo>p{font-size:1.42em}.score-panel{font-size:1.3rem}.score-panel>div{padding:0.9rem 1.25rem}.score-panel i{font-size:1.6rem}.score-panel .hearts>i{font-size:1.5rem}.score-panel .timer{min-width:130px}}@media (max-width: 700px){.game-container{padding:2rem 1rem}header{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.nom-logo{margin-bottom:1.5rem;padding-left:0;width:305px}.nom-logo>p{font-size:0.97rem;margin-top:0.07rem}.score-panel{width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.score-panel .heart-container{-ms-flex-preferred-size:auto;flex-basis:auto;margin-bottom:0;margin-right:6px}.score-panel .heart-container .moves.number{margin-right:0.4rem}.score-panel .restart{-webkit-box-flex:0;-ms-flex:0;flex:0}.score-panel .timer{min-width:91px}.deck .card{width:calc(25% - ((1rem * 3) / 4));padding-bottom:calc(25% - ((1rem * 3) / 4));margin:0 1rem 1rem 0;height:auto;position:relative;background-size:calc(100% + 2px)}.deck .card>img{position:absolute}}@media (max-width: 600px){.nom-logo{width:290px}.nom-logo>p{font-size:0.92rem}.score-panel{font-size:0.9rem}.score-panel i{font-size:1.1rem}.score-panel .hearts{-ms-flex-item-align:unset;-ms-grid-row-align:unset;align-self:unset}.score-panel .hearts>i{font-size:1rem}.score-panel .timer{min-width:87px}}@media (max-width: 550px){.deck .card{width:calc(25% - ((0.75rem * 3) / 4));padding-bottom:calc(25% - ((0.75rem * 3) / 4));margin:0 0.75rem 0.75rem 0}.deck .card.show>img{padding:17%}.modal.loser .modal-content,.modal-content{width:80%}.modal h4{font-size:10.5vw}.modal p{font-size:3.5vw}.modal.loser.p{font-size:3.4vw}.modal.winner .modal-content:after{top:31%}.modal-content:before{height:38%}button{font-size:2.875vw;padding:6% 8%}}@media (max-width: 450px){:root{--card-width: 8rem}.nom-logo{width:255px}.nom-logo>p{font-size:0.83rem;letter-spacing:0.4px}.score-panel{font-size:0.85rem;letter-spacing:0.3px}.score-panel i{font-size:1rem}.score-panel>div{padding:0.6rem}.score-panel .heart-container .moves.number{margin-right:0.3rem}.score-panel .hearts>i{font-size:0.9rem}.score-panel .hearts>i:not(:last-child){margin-right:0.2rem}.score-panel .timer{min-width:76px}.score-panel .timer i,.score-panel .restart i{margin-right:0.3rem}}@media (max-width: 358px){.game-inner-container{position:relative;padding-bottom:calc(35.19px + 1.5rem)}.score-panel .restart{position:absolute;bottom:0}.deck .card{margin:0 0.6rem 0.6rem 0}}
/*# sourceMappingURL=index.min.css.map */