#app{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;height:100vh}#nav{padding:30px}#nav a{font-weight:700;color:#2c3e50}#nav a.router-link-exact-active{color:#42b983}#aboutSite.containerSite{background-color:var(--green);width:100%;min-height:100vh}body{padding:0}#contactSite.containerSite{background-color:var(--violet);width:100%;min-height:100vh}.containerSite h1{padding-top:30px;font-size:2rem;font-weight:600;color:var(--background)}.close{text-decoration:none}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,button,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{margin:0;padding:0;border:0;font-size:100%;font:inherit;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}:root{--background:#222;--text:#fff;--semitext:#666;--square:#a257ff;--accent:#0e0c0c;--green:#00cf81;--violet:#a257ff;--orange:#ff7361;--red:#f24e21;--blue:#15bcfe;--white:#fff;--hiddensquare:#313131;--violet2:#5e5ce6;--coffee:#391c0f}BODY{background-color:var(--background);color:#fff5ee;overflow:visible;font-family:Space Grotesk,sans-serif;margin-left:0;margin-top:0;padding:2px}.clicked{opacity:0}.mainContainer{position:fixed;top:40%;left:50%;width:100%;transform:translate(-50%,-50%)}.container{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;max-width:600px;margin-left:auto;margin-right:auto;padding-top:50px}.element{background-color:var(--square);margin:0;color:var(--background);text-align:center;font-size:.8rem;border-radius:5px;font-weight:600;aspect-ratio:1;display:inline-block;border:0;border:3px solid var(--background)}.element:hover{opacity:.5;cursor:pointer;transition:all .2s;background-color:var(--background);color:var(--text)}.element::-moz-selection{background-color:transparent}.element::selection{background-color:transparent}.color1{background-color:var(--red)}.color2{background-color:var(--violet)}.color3{background-color:var(--orange)}.color4{background-color:var(--green)}.color5{background-color:var(--blue)}.color1Text{color:var(--red)}.color2Text{color:var(--violet)}.color3Text{color:var(--orange)}.color4Text{color:var(--green)}.color5Text{color:var(--blue)}.hiddensquare{background-color:var(--hiddensquare);color:var(--hiddensquare);transition-duration:3s}.endGameClicked{background-color:var(--background);color:var(--background)}.highlighted{background-color:var(--white);color:var(--background);transition-duration:1s}.timer{position:fixed;bottom:0;left:0;background-color:transparent;width:100%;height:100px;font-size:1.5rem;font-weight:600;color:var(--text);padding-bottom:15px;z-index:10}.timer span{font-size:small}.startMain{background-color:var(--violet);color:var(--background);text-align:center;font-size:1rem;font-weight:600;border:0;cursor:pointer;width:204px;height:56px;border-radius:7px;margin-top:30px;margin-bottom:50px}.startMain:disabled{opacity:.2}.start{background-color:var(--violet);color:var(--background);text-align:center;font-size:1rem;font-weight:600;border:0;cursor:pointer;width:204px;height:56px;position:absolute;bottom:30px;left:50%;transform:translateX(-50%);border-radius:7px}.start:hover{opacity:.9;transition-duration:.5s}.shake{-webkit-animation-name:shake;animation-name:shake;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes shake{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}@keyframes shake{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}.marked{background-color:var(--text);color:var(--background);transition:all 1.2s}.disabled,.disabled:hover{background-color:#353535;margin:0;color:var(--text)}.cover{width:100%;height:100vh;background-color:transparent;z-index:2;position:fixed}.startScreen{width:100%;color:var(--text);font-weight:600}.startScreen p{font-size:.9rem;font-weight:400;line-height:140%}.startScreen h1{line-height:110%;color:var(--orange);padding:0 15px}.title{margin-top:10vh;position:relative;font-size:4vh;text-align:center}.icon{max-width:150px;display:block;margin:auto;margin-bottom:20px}.icon,.pointer{width:33%}.instruction{margin-top:30px;padding:0}ol{list-style-type:decimal}li,ol{font-weight:400;padding-top:1vh}li{list-style-type:none}.qrcodeSection{height:60vh;background-color:var(--background);vertical-align:middle;clear:both;padding-top:70px;padding-bottom:70px}.qrcodeSection h1{color:var(--green);font-size:2rem;font-weight:600}.qrcode{width:50%;margin:auto;max-width:250px;position:relative;top:50%;transform:translatey(-50%)}.newRecord{background-color:var(--background);color:var(--text);z-index:11;position:absolute;top:0;left:0;width:100%;height:100vh}.wynik input{font-size:.8rem;border-radius:5px;border:0;height:56px;padding:0 15px;font-size:1.6rem;max-width:65%;margin-top:20px}.wynik label{color:var(--green);margin-bottom:5px;font-weight:600;font-size:.9rem}.wynik p{font-size:.9rem;font-weight:400;line-height:140%;margin-top:5px;color:var(--semitext)}.close{z-index:100;position:fixed;bottom:50px;left:50%;transform:translateX(-50%);display:flex;width:39px;height:39px;line-height:39px;border:2px solid var(--background);background-color:transparent;border-radius:100px;color:var(--background);justify-content:center}.close:hover{border-color:#fff;color:#f5f5f5;cursor:pointer;transition-duration:.5s}.closegame{color:var(--semitext);border-color:var(--semitext)}.logo{padding-top:7vh;position:relative;font-size:4vh;color:var(--text);font-weight:600}.timerLineContainer{width:100%;height:4px;background:var(--background);position:fixed;top:0}.timerLine{position:absolute;height:4px;background-color:var(--square);-webkit-animation:animateTimerLine 60s linear;animation:animateTimerLine 60s linear}@-webkit-keyframes animateTimerLine{to{width:0}0%{width:100%}}@keyframes animateTimerLine{to{width:0}0%{width:100%}}.wynik-main-container{min-height:100vh;display:flex;align-items:center;flex-flow:row wrap;justify-content:center}.col-flex{flex-flow:column wrap}.row-flex{flex-flow:row wrap}.main-header{font-size:3rem}.wynik{width:100%;min-height:100vh;background-color:var(--background);z-index:5;position:absolute;top:0;left:0}.barGraphRow{width:100%;display:flex}.barGraphRow:hover .itemTimeBarGraph,.itemTimeBarGraph.visible{opacity:1;transition-duration:.3s}.barGraphRowNum{border-radius:3px;border-top-right-radius:0;border-bottom-right-radius:0;display:block;width:36px;height:36px;line-height:36px;float:left;color:var(--background);text-align:center;font-size:.8rem;font-weight:600;aspect-ratio:1;display:inline-block;border-right:1px dotted var(--background)}.timesBarGraph{margin-left:auto;margin-right:auto}#scoreDetails{padding-bottom:250px}.barGraphItem{height:36px;line-height:36px;text-align:left;border-top-right-radius:3px;border-bottom-right-radius:3px;padding-left:3px;font-size:.8rem;font-weight:600;margin-bottom:2px;color:var(--background);overflow:visible}.itemTimeBarGraph{color:#fff;line-height:34px;padding-left:10px;font-size:.8rem;opacity:0}.timesBarGraphMinMaxLines{z-index:50;margin-left:38px}.minMaxLine{height:100%;opacity:.4;float:left;text-align:right;color:#fff;font-size:.8rem;display:flex;align-items:flex-end;justify-content:flex-end}.avrLineLabel,.minMaxLine{border-right:1px dashed #fff}.avrLineLabel{position:relative;bottom:-28px;right:-1px}.enterNickname{z-index:6}.numTimes{margin:auto;min-width:200px;max-width:350px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:10;top:0;left:0}.numTimes li{clear:both;line-height:36px}.numTimesContainer{margin-left:auto;margin-right:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;text-align:center}.numTimesContainer h2{color:var(--green);margin-bottom:5px;font-weight:600;font-size:.9rem}.wynik .time{font-size:1.5rem;text-align:left;padding-left:50px;line-height:36px}.wynik .num{display:block;width:36px;height:36px;float:left;margin:0;color:var(--background);text-align:center;font-size:.8rem;border-radius:5px;font-weight:600;aspect-ratio:1;display:inline-block;border:0;border:2px solid var(--background)}.wynik ol{padding-bottom:150px;margin-left:auto;margin-right:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.wynik li{border-radius:5px;font-weight:600;color:var(--text);margin-bottom:10px}.link,.wynik li{font-size:.9rem}.numWynik{font-size:3rem;color:var(--text);font-weight:600;display:flex;flex-direction:column;flex-flow:column wrap;justify-content:center;padding-bottom:50px}.congratulations{background-color:coral;border-radius:12px;border:3px solid coral;transition-delay:1s}.congratulations,.congratulationsPersonal{font-size:3vh;line-height:120%;padding-top:30px;padding:25px;margin-top:25px;color:var(--background);transition-duration:.5s}.congratulationsPersonal{background-color:var(--violet);border-radius:12px;border:3px solid var(--violet);transition-delay:1.3s}.finalScoreLabel{color:var(--background);font-size:.9rem;position:relative;top:-25px}.finalScore{margin-top:30px;width:100px;height:100px;font-size:3rem;line-height:100px;border-radius:12px;display:inline-block;border:0;border:2px solid var(--background)}.finalScore,.highscores .num{color:var(--background);text-align:center;font-weight:600;aspect-ratio:1}.highscores .num{display:block;width:36px;height:36px;float:left;margin:0;font-size:.8rem;border-radius:5px;display:inline-block;border:0;border:2px solid var(--background)}.highscores .time{font-size:1rem;text-align:left;padding-left:50px}.highscores .nick{font-size:1.2rem;font-weight:600;text-align:left;padding-left:50px;line-height:36px}.score-text-createdat-nick{line-height:10px;color:var(--orange)}.score-text-createdat-nick:hover{line-height:10px;color:var(--background);transition-duration:.3s;cursor:pointer}.score-text-createdat-no-nick{line-height:36px}.score-text-no-nick{margin-bottom:11px}.score-text-nick{line-height:10px}.highscores h2{text-align:center;padding:45px 15px 10px 15px}.highscoresSection{width:100%;background-color:var(--orange);vertical-align:middle;clear:both;color:var(--background)}.highscoresSection ol{padding-top:30px}.highscoresSection .num{background-color:var(--background);color:var(--orange)}.bottomMenu a{height:115px;display:flex;align-items:center}.bottomMenu span{width:100%;text-align:center}.withLove{background-color:var(--red);color:var(--text);text-decoration:none}.contactMe{background-color:var(--violet);color:var(--text)}.about99{background-color:var(--green);color:var(--background)}.buymeacoffee{background-color:#391c0f;color:var(--text);text-decoration:none}.clickandshare{background-color:var(--background);color:var(--green);text-decoration:none;cursor:pointer}.seeMoreContainer{padding-bottom:80px}.seeMore{font-size:1rem;text-decoration:underline;font-weight:400;height:115px;display:flex;align-items:center;justify-content:center}.seeMore:hover{cursor:pointer}.placeholder{font-family:Flow Circular,cursive}.helpButtonsContainer{display:grid;grid-template-columns:3.5fr 1fr 1fr 1fr 3.5fr;max-width:600px;margin-left:auto;margin-right:auto;padding-top:50px}.helpButtonsContainer button:disabled{background-color:var(--hiddensquare);color:var(--hiddensquare);cursor:default}.helpButtonsContainer button:hover{background-color:var(--white);color:var(--background);cursor:pointer;opacity:1}.helpButtonsContainer button:disabled:hover{background-color:var(--hiddensquare);color:var(--hiddensquare);opacity:1}.highlightedFast{background-color:var(--white);color:var(--background);transition-duration:.2s}.personal{background-color:var(--violet)}.personal .num{color:var(--violet)}.personal h2{line-height:44px}