@font-face{font-family:Lobster-Regular;src:url(/memory-match/static/media/LobsterTwo-Regular.c76900a6f5c1f87ce3aa.ttf) format("truetype")}*{border:none;box-sizing:border-box;list-style:none;margin:0;padding:0;position:relative;text-decoration:none}:root{--primary-color:12,79,12;--secondary-color:212,187,10;--theme-red-color:128,21,21;--theme-dark-color:15,13,13;--theme-light-green-color:45,139,45;--theme-light-color:241,255,205;font-family:Lobster-Regular;font-size:16px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0c4f0c;background:rgb(var(--primary-color));color:#d4bb0a;color:rgb(var(--secondary-color));min-height:100vh;scroll-behavior:smooth}#root{height:100vh}main{height:100%}.button-chip{border:4px dashed #0f0d0d;border:4px dashed rgb(var(--theme-dark-color));border-radius:50%;box-shadow:0 0 8px #0f0d0d66,0 0 12px #0f0d0d33;box-shadow:0 0 8px rgba(var(--theme-dark-color),.4),0 0 12px rgba(var(--theme-dark-color),.2);cursor:pointer;font-weight:700;overflow:hidden;text-align:center}.button-chip a{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.button-chip__yellow,.button-chip__yellow a{background:#d4bb0a;background:rgb(var(--secondary-color));color:#0f0d0d;color:rgb(var(--theme-dark-color))}.button-chip__red,.button-chip__red a{background:#801515;background:rgb(var(--theme-red-color));color:#f1ffcd;color:rgb(var(--theme-light-color))}.button__shine-effect:after{background-color:#fff6;box-shadow:0 0 16px #fff;content:"";height:100%;left:-20%;position:absolute;top:0;transition:transform .5s linear;width:4px}.button__shine-effect:hover:after{transform:translateX(320px)}.button__shine-effect:active{transform:scale(.96)}.menu-button{height:48px;justify-self:center;overflow:hidden;width:48px}.menu-button label{align-items:center;cursor:pointer;display:flex;height:100%;justify-content:center;text-align:center;width:100%}#menuButtonCheckbox{height:1px;left:0;opacity:0;overflow:hidden;position:absolute;top:-100px;width:1px}.menu{background:rgb(var(--primary-color));box-shadow:0 2px 8px rgba(var(--theme-dark-color),.2),0 2px 12px rgba(var(--theme-dark-color),.4);grid-column:1/3;grid-row:2/3;height:auto;padding:1.2rem .4rem;position:absolute;top:0;transform:translateX(-1000px);transition:transform .32s;width:100%}.menu.open{transform:translateX(0)}.menu-list{align-content:center;display:flex;flex-flow:column wrap;gap:1rem}.menu-list li{background:rgb(var(--secondary-color));border:2px solid rgb(var(--theme-dark-color));border-radius:6px;box-shadow:-1px 1px 5px rgba(var(--theme-dark-color),.4),-1px 1px 8px rgba(var(--theme-dark-color),.2);overflow:hidden;width:clamp(140px,100%,240px)}.menu-list li:hover{border-color:rgb(var(--theme-light-green-color))}.menu-list__link{background:rgb(var(--secondary-color));border-radius:4px;color:rgb(var(--theme-dark-color));display:block;padding:.8rem 0;text-align:center;width:100%}.menu-list__link:hover{background:rgb(var(--theme-dark-color));color:rgb(var(--theme-light-color))}.menu-list__link.active{background:rgba(var(--theme-dark-color),.6);color:rgb(var(--theme-light-color));text-decoration:underline}.app{height:-moz-fit-content;height:fit-content;margin:auto;max-width:1200px;padding:68px .8rem 2rem;width:100%}.app-header{align-items:center;background:rgb(var(--primary-color));display:grid;grid-template-columns:1fr 60px;grid-template-rows:60px;left:0;padding:0 .4rem;position:fixed;top:0;width:100%;z-index:999}.app-header>h1{font-size:1.6rem;padding:0 .4rem}.the-button-chip{align-items:center;display:flex;height:66px;justify-content:center;width:66px}@media screen and (min-width:600px){.gameplay{gap:1.2rem}}@media screen and (min-width:768px){.gameplay{gap:1.8rem}.the-button-chip{height:80px;width:80px}}@media screen and (min-width:992px){.app{padding-top:1rem}.app-header{position:absolute;width:30%}}.gamecards{align-items:center;display:flex;justify-content:center;width:100%}.gamecards-list{display:flex;flex-wrap:wrap;overflow:hidden;row-gap:4px;width:294px}.gamecards-list__item{width:25%}.card{width:100%}.card-wrapper{display:block;height:96px;margin:0 auto;perspective:340px;transition:height .32s}.card-back,.card-face,.card-wrapper{border-radius:6px;width:68px}.card-back,.card-face{border:1px solid #000;cursor:pointer;height:100%;position:absolute;width:auto}.card-face{box-shadow:0 0 8px #000;opacity:0;transform:rotateY(90deg);transition:transform .22s,opacity 0s ease .21s}.card-back,.flip-card .card-face{opacity:1;transform:rotateY(0deg);transition:transform .22s ease .22s,opacity 0s ease .21s}.flip-card .card-back{opacity:0;transform:rotateY(-90deg);transition:transform .22s,opacity 0s ease .21s}.card-match{transform:translateX(40px);transition:transform .8s cubic-bezier(.1,.7,1,.1)}@media screen and (min-width:375px){.gamecards-list{width:348px}.card-wrapper{height:114px;width:82px}}@media screen and (min-width:600px){.gamecards-list{width:560px}.card-wrapper{height:136px;width:98px}}.gamedash{grid-gap:.4rem;display:grid;gap:.4rem;grid-template-columns:84px auto;grid-template-rows:1fr;justify-self:center;width:min(400px,100%)}.gamedash-button{align-items:center;display:flex;justify-content:center}.gamedash-tracking{align-items:center;display:flex;width:100%}.gamedash-moves,.gamedash-timer{align-items:center;display:flex;flex-flow:column wrap;justify-content:center;width:50%}@media screen and (min-width:768px){.gamedash-tracking{font-size:1.2rem}}@media screen and (min-width:992px){.gamedash{grid-template-columns:100%;grid-template-rows:160px auto;padding-top:3rem}.gamedash-button button{font-size:1.2rem}.gamedash-tracking{flex-flow:column wrap;font-size:1.4rem;gap:1rem}}.gameplay{grid-gap:.8rem;display:grid;gap:.8rem;grid-template-columns:100%;grid-template-rows:80px auto;height:100%;width:100%}@media screen and (min-width:992px){.gameplay{grid-template-columns:30% 70%;grid-template-rows:auto}}.gameend{display:flex;flex-flow:column wrap;gap:2rem;height:100%;padding-top:2rem}.gameend-header{text-align:center}.gameend-form{align-items:center;display:flex;flex-flow:column wrap;gap:1rem;justify-content:center}.gameend-form__label span{background:rgb(var(--theme-dark-color));border-top-left-radius:6px;border-top-right-radius:6px;margin-left:.4rem;padding:.4rem 1rem;width:100%}.gameend-form__label p{border:2px solid rgb(var(--theme-red-color));border-radius:6px;color:rgb(var(--theme-red-color));margin:auto;padding:.4rem .6rem;text-align:center;width:80%}.gameend-form__label input,.gameend-form__label p{background:rgb(var(--secondary-color));font-size:1.1rem;font-weight:700}.gameend-form__label input{border:2px solid rgb(var(--secondary-color));border-radius:6px;color:rgb(var(--theme-dark-color));margin:.2rem 0 .6rem;padding:.6rem .4rem;width:clamp(140px,100%,440px)}.gameend-form__submit{height:80px;width:80px}@media screen and (min-width:768px){.gameend{justify-content:center;padding-top:0}.gameend-header h2{font-size:2rem}.gameend-form{gap:2rem}}.leadboard{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:100%;grid-template-rows:auto 1fr;height:100%;padding-bottom:1rem;width:100%}.leadboard header{align-items:center;color:rgb(var(--theme-light-color));display:flex;flex-flow:column wrap;gap:.6rem}table,td,th{border:2px solid rgb(var(--primary-color));border-collapse:collapse;width:100%}td,th{padding:.4rem 1rem;text-align:center}tbody tr:nth-child(odd) td{background:rgb(var(--theme-light-color));color:rgb(var(--primary-color))}tbody tr:nth-child(2n) td{background:rgb(var(--theme-light-green-color));color:rgb(var(--theme-light-color))}.leadboard-table{height:-moz-fit-content;height:fit-content;justify-self:center;width:clamp(280px,100%,720px)}.leadboard-table thead th{background-color:rgb(var(--secondary-color));color:rgb(var(--theme-dark-color))}.leadboard-table thead{height:54px}.leadtable-col__time,.looser-table{display:none}@media screen and (min-width:600px){.leadboard{gap:3rem}.leadboard header{gap:1rem}.leadtable-col__time{display:table-cell}}@media screen and (min-width:768px){.leadboard{font-size:1.1rem}.leadboard-table thead{font-size:1.2rem}.leadboard-table tbody{font-size:1.1rem}}@media screen and (min-width:992px){.leadboard{font-size:1.2rem;gap:0;grid-template-columns:30% 70%;grid-template-rows:auto;overflow:hidden}.leadboard header{gap:2rem;padding-top:5rem}.leadboard-table{margin-left:32px}}.settings{grid-gap:2rem;color:rgb(var(--theme-light-color));display:grid;gap:2rem;grid-template-columns:100%;grid-template-rows:auto 2fr;height:100%;justify-items:center;width:100%}.settings header{align-items:center;gap:.6rem}.settings header,.settings-body{display:flex;flex-flow:column wrap}.settings-body{gap:2rem;padding-bottom:1rem;width:min(100%,680px)}.settings-body__title{text-align:center}.settings-decks-list{display:flex;flex-flow:column wrap;gap:2rem;width:100%}.deck-view{grid-gap:.4rem;display:grid;gap:.4rem;grid-template-columns:80px auto;grid-template-rows:repeat(5,auto)}.deck-view__status{border-style:solid;border-width:2px;cursor:pointer;grid-column:1/2;grid-row:1/2;text-align:center;width:100%}.deck-view__status.active{background:rgb(var(--theme-light-green-color));border-color:rgb(var(--secondary-color));box-shadow:0 0 8px rgb(var(--theme-dark-color),.3) inset;color:rgb(var(--theme-dark-color))}.deck-view__status.disabled{background:rgb(var(--theme-red-color));border-color:rgb(var(--theme-dark-color));box-shadow:0 0 8px rgb(var(--theme-dark-color),.3);color:rgb(var(--theme-light-color))}.deck-view__cover{grid-column:1/2;grid-row:2/5;height:auto;width:80px}.deck-view__name{grid-column:2/3;grid-row:2/3}.deck-view__authors{grid-column:2/3;grid-row:3/4}.deck-view__button{border:2px solid rgb(var(--theme-dark-color));box-shadow:0 0 8px rgb(var(--theme-dark-color),.3);cursor:pointer;font-weight:700;grid-column:2/3;grid-row:4/5;width:120px}.deck-view__button:hover{background:rgb(var(--theme-light-color))}.deck-view__face-list{display:flex;flex-flow:row nowrap;gap:.2rem;grid-column:1/3;grid-row:5/6}.deck-view__face-list-img{height:auto;width:100%}@media screen and (min-width:600px){.settings{gap:3rem}.settings header{gap:1rem}.settings-decks-list{gap:3rem}}@media screen and (min-width:768px){.settings{font-size:1.1rem}}@media screen and (min-width:992px){.settings{font-size:1.2rem;gap:0;grid-template-columns:30% 70%;grid-template-rows:auto;overflow:hidden}.settings header{gap:2rem;padding-top:5rem}}.about{grid-gap:2rem;color:rgb(var(--theme-light-color));display:grid;gap:2rem;grid-template-columns:100%;grid-template-rows:auto 2fr;height:100%;justify-items:center;width:100%}.about header{align-items:center;gap:.6rem}.about header,.about-body{display:flex;flex-flow:column wrap}.about-body{gap:2rem;padding-bottom:1rem;width:min(100%,680px)}.about-body__content{display:flex;flex-flow:column wrap;gap:1rem}.about-body__team{display:flex;flex-flow:column wrap;gap:1.4rem;justify-content:center}.about-body__team h2{color:rgb(var(--secondary-color))}.about-team-list{display:flex;flex-flow:column wrap;gap:1rem}.about-team-list li{grid-column-gap:.6rem;column-gap:.6rem;display:grid;grid-template-columns:60px auto;grid-template-rows:1fr 1fr}.team-list__profile{grid-column:1/2;grid-row:1/3;height:60px;justify-self:center;width:auto}.team-list__profession{align-self:center;color:rgb(var(--secondary-color));grid-column:2/3;grid-row:1/2}.team-list__name{color:rgb(var(--theme-light-color));grid-column:2/3;grid-row:2/3;text-decoration:underline}@media screen and (min-width:600px){.about{gap:3rem}.about header{gap:1rem}.leadtable-col__time{display:table-cell}}@media screen and (min-width:768px){.about{font-size:1.1rem}}@media screen and (min-width:992px){.about{font-size:1.2rem;gap:0;grid-template-columns:30% 70%;grid-template-rows:auto;overflow:hidden}.about header{gap:2rem;padding-top:5rem}}
/*# sourceMappingURL=main.e23c5ea4.css.map*/