html{width:100dvw;background-color:#1c242e}body{margin:0;padding:0;width:100dvw;height:100dvh}#root{height:100dvh;width:100dvw;background:repeat center/100% url(../bg.JPG)}.modalContainer{display:flex;flex-direction:column;margin-bottom:2rem;gap:1.5rem;padding-left:1rem;padding-right:1rem}.modalContainer>h2{text-align:center;text-shadow:#000000 0 0 50px;user-select:none;font-size:1.3rem}.pjCard{cursor:pointer;background-color:transparent;position:relative;perspective:1000px;user-select:none;border:4px solid #FFF}.imgcard{-webkit-user-drag:none;background-color:transparent;border-radius:.7rem;-webkit-border-radius:.7rem;-moz-border-radius:.7rem;-ms-border-radius:.7rem;-o-border-radius:.7rem}@media (hover: hover) and (pointer: fine){.gameCard2:hover{box-shadow:#fff 3px 3px 25px;transform:scale(1.25);-webkit-transform:scale(1.25);-moz-transform:scale(1.25);-ms-transform:scale(1.25);-o-transform:scale(1.25);transition:all ease-out .2s;-webkit-transition:all ease-out .2s;-moz-transition:all ease-out .2s;-ms-transition:all ease-out .2s;-o-transition:all ease-out .2s}.pjCardMemory:not(.flipped):hover{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);box-shadow:#fff 3px 3px 25px;transition:all ease-out .2s;-webkit-transition:all ease-out .2s;-moz-transition:all ease-out .2s;-ms-transition:all ease-out .2s;-o-transition:all ease-out .2s}}.ReactModalPortal>div{opacity:0}.ReactModalPortal .ReactModal__Overlay{display:flex;align-items:center;justify-content:center;transition:opacity .2s ease-in-out;z-index:999}.modal-fondo{background-color:#000c;bottom:0;left:0;right:0;top:0;position:fixed}.modalNuevoRecord-fondo{bottom:0;left:0;right:0;top:0;position:fixed}.ReactModalPortal .ReactModal__Overlay--after-open{opacity:1}.ReactModalPortal .ReactModal__Overlay--before-close{opacity:0}.modal{background:white;border-radius:1rem;color:#2c2c2c;display:inline;max-height:620px;max-width:500px;outline:none;margin:1rem;-webkit-border-radius:1rem;-moz-border-radius:1rem;-ms-border-radius:1rem;-o-border-radius:1rem}.record{color:#40dd40}.card-inner{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d}.pjCard.flipped .card-inner{transform:rotateY(180deg)}.card-front,.card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;background-color:transparent}.card-back{transform:rotateY(180deg)}.pjCardMemory.flipped{user-select:none;cursor:default}.selectGameModeButtonsContainer{display:flex;gap:1.5rem}.selectGameModeButtonsContainer>div{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;box-shadow:#bbb 2px 2px 20px;padding:1rem;border-radius:1rem;-webkit-border-radius:1rem;-moz-border-radius:1rem;-ms-border-radius:1rem;-o-border-radius:1rem;max-width:10rem}.selectGameModeButtonsContainer>:first-child:hover{box-shadow:#ff465693 2px 2px 20px}.selectGameModeButtonsContainer>:last-child:hover{box-shadow:#0dd62e63 2px 2px 20px}.selectGameModeButtonsContainer>div:hover{transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out}.selectGameModeButtonsContainer>div:hover>p{font-weight:900;transform:scale(1.04);-webkit-transform:scale(1.04);-moz-transform:scale(1.04);-ms-transform:scale(1.04);-o-transform:scale(1.04);transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out}.navMidToggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem}.navMidToggle>p{margin:0}.navMidToggle>div{display:flex;align-items:center;min-height:27px}.seconds{font-size:1rem;transition:font-size 20ms ease-in;-webkit-transition:font-size 20ms ease-in;-moz-transition:font-size 20ms ease-in;-ms-transition:font-size 20ms ease-in;-o-transition:font-size 20ms ease-in}.change{font-size:1.1rem;color:#d3d3d3;transition:font-size 20ms ease-in;-webkit-transition:font-size 20ms ease-in;-moz-transition:font-size 20ms ease-in;-ms-transition:font-size 20ms ease-in;-o-transition:font-size 20ms ease-in}.pjCardMemory{border:1px solid #FFF}.flipped{border:.3rem solid #2bff00}.clicked{border:.3rem solid rgb(255,238,0)}.matching{border:5px solid;animation:border-flash .38s infinite;-webkit-animation:border-flash .38s infinite}@keyframes border-flash{0%{border-color:#ff000054;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}15%{border-color:#ff000054}30%{border-color:red}50%{transform:scale(1.05);border-color:red;box-shadow:red 2px 0 30px;-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05)}70%{border-color:red}85%{border-color:#ff000054}to{border-color:#ff000054;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}}.infobar{color:#fff;font-size:1rem;width:100%;height:100%;background:linear-gradient(180deg,#3c3a4c,#f94555);display:flex;justify-content:space-around;align-items:center;min-height:2rem;border-radius:0 0 .65rem .65rem;-webkit-border-radius:0 0 .65rem .65rem;-moz-border-radius:0 0 .65rem .65rem;-ms-border-radius:0 0 .65rem .65rem;-o-border-radius:0 0 .65rem .65rem}.newRecordMsg{height:1.1rem;animation:newRecordTxt .4s infinite;-webkit-animation:newRecordTxt .4s infinite}@keyframes newRecordTxt{0%{font-size:1rem;color:#b70404}40%{color:#db005b}50%{font-size:1.05rem}80%{color:#f79327}to{color:#db005b;font-size:1rem}}