@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);:root{--b-radius:5px;--c-metal:hsla(0,0%,100%,0.5)}*,:after,:before{margin:0;padding:0;box-sizing:border-box}.startmenu{min-height:100vh;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-around;justify-content:space-around;font-family:"Roboto",sans-serif;font-weight:bolder}.startmenu-header{font-size:1.8rem;text-align:center}.startmenu-header h1{font-size:1.6em}.startmenu-header h6{font-size:.6em;font-weight:800;-webkit-text-decoration:5px solid line-through rgba(255,0,0,.6);text-decoration:5px solid line-through rgba(255,0,0,.6)}.startmenu-options{height:60vh;width:80vw;-webkit-flex-direction:column;flex-direction:column;grid-gap:10px;gap:10px}.options-diffs,.startmenu-options{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.options-diffs{-webkit-flex:1 1 auto;flex:1 1 auto;width:100%;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-around;justify-content:space-around;background:rgba(12,12,12,.43137254901960786);box-shadow:0 0 50px -10px rgba(50,100,200,.2);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:#fff;border-radius:9px}.diffs-box{height:60%;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-evenly;justify-content:space-evenly}.diffs-box,.options-setts{width:100%;display:-webkit-flex;display:flex}.options-setts{-webkit-flex:1 1 auto;flex:1 1 auto;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-around;justify-content:space-around;background:rgba(48,48,48,.4196078431372549);box-shadow:0 0 50px -10px rgba(50,100,200,.2);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:#fff;border-radius:9px}.setts-box{-webkit-flex-direction:row;flex-direction:row;height:60%;width:100%;grid-gap:10px;gap:10px}.sett-option,.setts-box{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.sett-option{width:35%;height:100%;background:rgba(63,75,185,.611764705882353);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:9px;-webkit-user-select:none;-ms-user-select:none;user-select:none;font-weight:700}.sett-option,.startmenu-bt{text-align:center;cursor:pointer}.startmenu-bt{position:relative;color:#fff;font-size:2rem;padding:0 .4em;border:4px dashed #fff;text-decoration:none}@media screen and (min-width:600px){.startmenu-bt{animation:shake 1.4s ease .2s infinite alternate-reverse}@-webkit-keyframes shake{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}40%,60%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}}@keyframes shake{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}40%,60%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}}}.light-text{color:#313bc9}.dark-text{color:#000}@media screen and (min-width:1280px){.startmenu-header{font-size:2.4rem}.startmenu-options{width:50vw}}.diff-option{width:25%;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;text-align:center;background:rgba(63,75,185,.5490196078431373);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:99px;-webkit-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;font-weight:800;border:5px solid #fff}#background-switch,#x3,#x5,#x7{display:none}#x3:checked~label[for=x3]{background-color:rgba(125,200,30,.8)}#x5:checked~label[for=x5]{background-color:rgba(250,150,0,.8)}#x7:checked~label[for=x7]{background-color:rgba(206,47,29,.8)}.game{min-height:100vh;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.game,.game-container{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.game-container{-webkit-flex:1 1 auto;flex:1 1 auto;-webkit-align-items:flex-end;align-items:flex-end}.game-container>div{width:85vw;height:85vw}.game-info{font-size:1.2rem;-webkit-flex:1 1 auto;flex:1 1 auto;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}@media only screen and (min-width:385px){.game-container>div{width:70vw;height:70vw}}@media only screen and (min-width:600px){.game{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-self:center;align-self:center}.game-container{-webkit-flex:1 1 auto;flex:1 1 auto}.game-container>div{width:75vh;height:75vh}.game-info{-webkit-flex:1 1 auto;flex:1 1 auto;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;font-size:1.2rem;-webkit-align-items:flex-start;align-items:flex-start}.game-info>div{position:relative;left:5%}}@media only screen and (min-width:992px){.game-info{font-size:1.6rem}.game-info>div{left:15%}}.board{width:80vw;height:80vw;display:grid;border:3px solid var(--c-metal);box-shadow:inset 0 0 15px 8px rgba(0,0,0,.2);background-color:hsla(0,0%,100%,.05);border-radius:6px}.boardx3{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);font-size:3.5rem;font-weight:900}.boardx5{grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);font-size:2.5rem;font-weight:700}.boardx7{grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(7,1fr);font-size:2rem;font-weight:700}@media screen and (max-width:480px){.board{width:90vw;height:90vw}}@media screen and (min-width:1280px){.board{width:80vh;height:80vh;border:6px solid var(--c-metal);box-shadow:inset 0 0 5px 8px rgba(0,0,0,.2);box-sizing:content-box;border-radius:16px}}.element{position:relative;width:100%;height:100%;display:grid;place-items:center;box-shadow:inset 0 0 8px 5px rgba(0,0,0,.2);text-shadow:0 0 4px #fff;color:#fff;font-family:sans-serif;-webkit-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;border:1px solid var(--c-metal);border-radius:var(--b-radius)}.hiding{background-color:rgba(200,0,50,.25)}@media screen and (min-width:1280px){.element{font-size:3rem;box-shadow:inset 0 0 10px 10px rgba(0,0,0,.2);border:3px solid var(--c-metal);border-radius:0}.border-left{border-left:0}.border-right{border-right:0}.border-top{border-top:0}.border-bottom{border-bottom:0}.border-top.border-right{border-top-right-radius:16px}.border-top.border-left{border-top-left-radius:16px}.border-bottom.border-right{border-bottom-right-radius:16px}.border-bottom.border-left{border-bottom-left-radius:16px}}.paired{color:transparent;text-shadow:none}.not-paired{position:relative}.not-paired:after{position:absolute;content:"";width:75%;height:75%;border-radius:50%;opacity:0}.element-checkbox{display:none}.element-checkbox:checked+.not-paired:after{opacity:.5}.element-checkbox[readonly]+.element{pointer-events:none}.border-left{border-left:0;border-radius:0 var(--b-radius) var(--b-radius) 0}.border-right{border-right:0;border-radius:var(--b-radius) 0 0 var(--b-radius)}.border-top{border-top:0;border-radius:0 0 var(--b-radius) var(--b-radius)}.border-bottom{border-bottom:0;border-radius:var(--b-radius) var(--b-radius) 0 0}.border-top.border-right{border-bottom-right-radius:0;border-top-right-radius:var(--b-radius)}.border-top.border-left{border-bottom-left-radius:0;border-top-left-radius:var(--b-radius)}.border-bottom.border-right{border-top-right-radius:0;border-bottom-right-radius:var(--b-radius)}.border-bottom.border-left{border-top-left-radius:0;border-bottom-left-radius:var(--b-radius)}.Countdown{background-color:hsla(0,0%,100%,.2);display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;border-radius:16px;padding:0 5px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.Countdown>p{font-family:sans-serif;font-weight:600;text-align:center;font-size:.5em}.Countdown-seconds{width:80%;font-family:sans-serif;color:#000;font-size:2.5em;font-weight:600}.Countdown-seconds,.Timer{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.Timer{-webkit-flex-direction:row;flex-direction:row;font-weight:900;font-stretch:expanded;padding:0 .4em;border:.2em solid #000;background-color:hsla(0,0%,100%,.1);border-radius:16px;box-shadow:0 .2em 5px 0 #000,inset 0 .15em 0 0 hsla(0,0%,100%,.3);text-shadow:0 .1em hsla(0,0%,100%,.3);-webkit-user-select:none;-ms-user-select:none;user-select:none}.Timer>div{font-size:2em;font-family:sans-serif;font-weight:600;text-shadow:0 .05em hsla(0,0%,100%,.4)}.ResultsInGame,.Timer>div{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.ResultsInGame{-webkit-flex-direction:row;flex-direction:row;grid-gap:10px;gap:10px}.ResultsLosses,.ResultsWins{width:50%;height:10rem;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-size:1.2rem;font-family:"Roboto",sans-serif}h1{font-size:1.8em;color:#f0f8ff}h2{font-size:2.5em;display:block;border:5px solid #fff;font-weight:900;background-color:hsla(0,0%,100%,.3);border-radius:99px;padding:.2em}:root{--gradient:linear-gradient(45deg,#1d1160,purple,#662d91,indigo,#845ec2,#33006f)}.back-moving{position:absolute;z-index:-100;height:100vh;width:100vw;background:#ddd;background-image:linear-gradient(45deg,#1d1160,purple,#662d91,indigo,#845ec2,#33006f);background-image:var(--gradient);background-size:400%;-webkit-animation:bg-animation 20s infinite alternate;animation:bg-animation 20s infinite alternate;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}@-webkit-keyframes bg-animation{0%{background-position:0}to{background-position:100%}}@keyframes bg-animation{0%{background-position:0}to{background-position:100%}}.back-not-moving{position:absolute;z-index:-100;height:100vh;width:100vw;background:#181717}.GoBackBT{position:absolute;top:5px;left:5px;width:3rem;height:3rem;border:5px solid #f5f5f5;border-radius:50%;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}
/*# sourceMappingURL=main.3911efa8.chunk.css.map */