a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}.memory-game-container{align-items:center;background-image:url(/static/media/background.def124930b3bd9063cc1.jpg);background-size:cover;display:flex;flex-direction:column;font-family:sans-serif;height:100vh}.memory-game-container .title{margin:40px 0;max-width:620px}.memory-game-container .title img{width:100%}.memory-game-container .cards-container{grid-gap:20px;background-color:hsla(0,0%,100%,.568);border:5px outset #1d6aa8;border-radius:5px;display:grid;gap:20px;grid-template-columns:repeat(4,110px);grid-template-rows:repeat(4,110px);max-width:550px;padding:20px}@media(max-width:550px){.memory-game-container .cards-container{gap:15px;grid-template-columns:repeat(4,80px);grid-template-rows:repeat(4,80px);padding:15px}}@media(max-width:400px){.memory-game-container .cards-container{gap:10px;grid-template-columns:repeat(4,60px);grid-template-rows:repeat(4,60px);padding:10px}}.card-container{cursor:pointer;position:relative}.card-container .cover{background-color:#84401e;transform:rotateX(0deg);-webkit-transform:rotateX(0deg);transition:-webkit-transform .3s linear;transition:transform .3s linear;transition:transform .3s linear,-webkit-transform .3s linear;transition-delay:.3s}.card-container .cover,.card-container .front{border:5px outset brown;border-radius:5px;height:100%;padding:5px;position:absolute;width:100%}.card-container .front{background-color:#fff;transform:rotateX(90deg);-webkit-transform:rotateX(90deg);transition:-webkit-transform .3s linear;transition:transform .3s linear;transition:transform .3s linear,-webkit-transform .3s linear}@media(max-width:400px){.card-container .cover,.card-container .front{padding:1px}}.card-container .flipped .cover{pointer-events:none;-webkit-transform:rotateX(90deg);transform:rotateX(90deg);transition-delay:0s}.card-container .flipped .front{pointer-events:none;-webkit-transform:rotateX(0deg);transform:rotateX(0deg);transition-delay:.3s}.card-container .flipped .front.matched{background-color:#1dee1d}.timer-container{margin-top:50px;max-width:620px;width:100%}.timer-container .timer{background-color:hsla(0,0%,100%,.568);border:5px outset #1d6aa8;border-radius:5px;padding:5px}.timer-container .timer progress{background:#42b032;border-radius:5px;box-shadow:inset 0 0 3px 0 #000;height:20px;width:100%}.timer-container .timer progress::-webkit-progress-bar{background:#42b032;border-radius:5px;box-shadow:inset 0 0 3px 0 #000}.timer-container .timer progress::-moz-progress-bar{background:#e71e07;border-radius:5px}.timer-container .timer progress::-webkit-progress-value{background:#e71e07;border-radius:5px}.startmodal-container{align-items:center;background-color:hsla(0,0%,100%,.678);display:none;height:100vh;justify-content:center;position:fixed;width:100vw;z-index:-1000}.startmodal-container.active{display:flex;z-index:100}.startmodal-container .introduction{align-items:center;background:linear-gradient(#2097ff,#94edff);border:5px outset #2097ff;border-radius:5px;display:flex;flex-direction:column;max-width:900px;padding:30px;width:100%}.startmodal-container .introduction .description,.startmodal-container .introduction .welcome{text-align:center}.startmodal-container .introduction .welcome{margin-bottom:10px}.startmodal-container .introduction .welcome img{width:100%}.startmodal-container .introduction .description{font-size:30px;font-weight:700;margin-bottom:20px}.startmodal-container .introduction .rules{font-size:24px}.startmodal-container .introduction .rules p{font-weight:600;margin-bottom:20px}.startmodal-container .introduction .button{background:#84401e;border:5px outset brown;border-radius:5px;cursor:pointer;padding:5px;transition:-webkit-transform 1s ease-out;transition:transform 1s ease-out;transition:transform 1s ease-out,-webkit-transform 1s ease-out}.startmodal-container .introduction .button:hover{-webkit-transform:rotateX(1turn);transform:rotateX(1turn)}.victorymodal-container{align-items:center;background-color:hsla(0,0%,100%,.678);display:none;height:100vh;justify-content:center;position:fixed;width:100vw;z-index:-1000}.victorymodal-container.active{display:flex;z-index:100}.victorymodal-container .introduction{align-items:center;background:linear-gradient(#2097ff,#94edff);border:5px outset #2097ff;border-radius:5px;display:flex;flex-direction:column;max-width:640px;padding:30px;width:100%}.victorymodal-container .introduction .congratulations{margin-bottom:10px}.victorymodal-container .introduction .congratulations img{width:100%}.victorymodal-container .introduction .description{font-size:30px;font-weight:700;margin-bottom:20px}.victorymodal-container .introduction .text{font-size:24px;font-weight:600;margin-bottom:20px}.victorymodal-container .introduction .button{background:#84401e;border:5px outset brown;border-radius:5px;cursor:pointer;padding:5px;transition:-webkit-transform 1s ease-out;transition:transform 1s ease-out;transition:transform 1s ease-out,-webkit-transform 1s ease-out}.victorymodal-container .introduction .button:hover{-webkit-transform:rotateX(1turn);transform:rotateX(1turn)}.defeatmodal-container{align-items:center;background-color:hsla(0,0%,100%,.678);display:none;height:100vh;justify-content:center;position:fixed;width:100vw;z-index:-1000}.defeatmodal-container.active{display:flex;z-index:100}.defeatmodal-container .introduction{align-items:center;background:linear-gradient(#2097ff,#94edff);border:5px outset #2097ff;border-radius:5px;display:flex;flex-direction:column;max-width:300px;padding:30px;width:100%}.defeatmodal-container .introduction .defeat{margin-bottom:10px}.defeatmodal-container .introduction .defeat img{width:100%}.defeatmodal-container .introduction .description{font-size:30px;font-weight:700;margin-bottom:20px}.defeatmodal-container .introduction .button{background:#84401e;border:5px outset brown;border-radius:5px;cursor:pointer;padding:5px;transition:-webkit-transform 1s ease-out;transition:transform 1s ease-out;transition:transform 1s ease-out,-webkit-transform 1s ease-out}.defeatmodal-container .introduction .button:hover{-webkit-transform:rotateX(1turn);transform:rotateX(1turn)}.turncounter-container{align-items:center;display:flex;justify-content:space-between;max-width:550px;padding:10px;width:100%}.turncounter-container .record,.turncounter-container .turncounter{align-items:center;display:flex;flex-direction:column;width:130px}.turncounter-container .record p,.turncounter-container .turncounter p{color:#fff;font-size:22px;font-weight:600}
/*# sourceMappingURL=main.9d1d6d78.css.map*/