body{background-color:#000;color:#fff;font-family:Londrina Solid,Open Sans,sans-serif;margin:0}#app{text-align:center;margin:0;height:92vh;padding:3vh 0;width:100%;display:flex}.container{flex-direction:column;width:1200px;height:90%;margin:auto;max-height:900px}.container,.row{display:flex;justify-content:space-between}.row{flex-wrap:wrap;flex:0 0 auto}.row.firstrow{margin-top:0}.row.mainrow{margin-bottom:2em}.btn{cursor:pointer;margin:3px;height:2em;font-size:2em;color:#fff;background-color:#262626;border:none;border-radius:10px}.btn:hover{background-color:#404040}.btn:focus{outline:none;box-shadow:none}.title{font-size:4em;margin:auto 0;height:-webkit-min-content;height:-moz-min-content;height:min-content}.content{font-size:2em;width:800px;width:calc(100% - 400px);white-space:pre-line}.toggle-fullscreen{position:fixed;right:25px}.toggle-fullscreen:hover{opacity:.5}.toggle-fullscreen img{width:3em}.container_start{margin:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.btn_start{color:#fff;text-decoration:none;font-size:9em;display:inline-block;margin:auto}.btn_start:hover{color:#d3d3d3}.link_row{margin-top:1em}.link_wrapper{display:inherit;width:150px;height:125px}.link_wrapper .with_letter{max-height:150px}.link_wrapper .no_letter,.link_wrapper .with_letter span{width:140px;min-width:75px;height:140px;min-height:75px;border-radius:50%;text-decoration:none}.link_wrapper .no_letter img{width:140px;min-width:75px;height:140px;min-height:75px}.link_wrapper .no_letter.inactive,.link_wrapper .with_letter.inactive{opacity:.3}.link_wrapper .no_letter.inactive:hover{opacity:.7}.link_wrapper .with_letter span{color:#fff;font-size:6em;line-height:1.4em;text-transform:capitalize;display:inline-block}.with_letter img{width:50px;height:50px;position:relative;bottom:25%;left:50%}.btn.task_1,.link.task_1{background-color:#00a4e2}.btn.task_1:hover{background-color:#33c9ff}.btn.task_2,.link.task_2{background-color:#ed7004}.btn.task_2:hover{background-color:#fc9236}.btn.task_3,.link.task_3{background-color:#e4032e}.btn.task_3:hover{background-color:#fc365a}.btn.task_4,.link.task_4{background-color:#95c11f}.btn.task_4:hover{background-color:#bbe250}.btn.task_5,.link.task_5{background-color:#f59c00}.btn.task_5:hover{background-color:#ffb433}.btn.task_6,.link.task_6{background-color:#832c87}.btn.task_6:hover{background-color:#c865cd}.title.task_1{color:#00a4e2}.title.task_2{color:#ed7004}.title.task_3{color:#e4032e}.title.task_4{color:#95c11f}.title.task_5{color:#f59c00}.title.task_6{color:#832c87}.numpad-container{display:flex;flex-wrap:wrap;justify-content:center}.numpad{width:300px;margin:.5rem}.num_row{display:flex}.num_row button{width:100%;height:4.5rem}.isTask{height:3rem;border:2px solid;border-radius:5px;margin:.5rem;font-size:2em;line-height:1.5em}.currentCode.task_1{border-color:#00a4e2}.currentCode.task_2{border-color:#ed7004}.currentCode.task_3{border-color:#e4032e}.currentCode.task_4{border-color:#95c11f}.currentCode.task_5{border-color:#f59c00}.currentCode.task_6{border-color:#832c87}.base-timer{position:relative;width:30em;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.base-timer .circle{fill:none;stroke:none}.base-timer .path-elapsed{stroke-width:7px;stroke:grey;padding:0}.base-timer .label{position:absolute;width:100%;height:100%;top:0;display:flex;align-items:center;justify-content:center;font-size:8em;color:grey}.base-timer .path-remaining{stroke-width:7px;transform:rotate(90deg);transform-origin:center;transition:all .3s linear;stroke:grey;fill:none}.base-timer.small{width:125px}.base-timer.small .label{font-size:2.5em}.base-timer.subtasksDone{width:19em}.base-timer.subtasksDone .label{font-size:5em}.row.tips{margin-top:1em;margin-bottom:1em}.change-tip{line-height:1.99em!important;font-weight:700;background:none!important}.change-tip:hover{background:none;opacity:.6}.tip-slide{font-size:1.8em;max-width:60vw}.img_next{transform:rotateY(180deg)}.wrong_codes{height:100%;height:calc(100% - 5em);overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;position:relative;-webkit-mask-image:linear-gradient(0deg,#000 0,transparent);mask-image:linear-gradient(0deg,#000 0,transparent);width:-webkit-min-content;width:-moz-min-content;width:min-content;margin:auto}.wrong_code{color:red;font-size:4em;text-align:right}.currentCode.isMain{font-size:4em;height:4rem;text-align:right;width:-webkit-min-content;width:-moz-min-content;width:min-content;margin:auto}.logo{max-width:calc(300px - 1rem)}.codes-col{max-height:30rem}.maincontent{text-align:center;font-size:1.9em;max-width:23rem;white-space:normal;-webkit-animation:flashing 1s linear infinite;animation:flashing 1s linear infinite}@-webkit-keyframes flashing{50%{opacity:.3}}@keyframes flashing{50%{opacity:.3}}.btn.close{text-decoration:none;margin:auto 0;display:flex}.img_close{width:30px;height:30px;margin:auto}.btn{width:50px;height:50px;line-height:1.45em}.row.control-row{justify-content:space-around}.row.task_row{margin-top:1em}.lbl_sett{font-size:2em;flex-grow:1;text-align:right}.input-holder,input[type=text]{background-color:transparent;font-size:1.8em;text-align:center;color:#fff;margin:5px;width:180px}.task_row input[type=text]{max-width:5em}.sett_row input[type=text]{max-width:6em}.icon_small{width:30px;height:30px;margin:auto}.switch[data-v-152a0585]{position:relative;display:inline-block;width:60px;height:34px}.switch input[data-v-152a0585]{opacity:0;width:0;height:0}.slider[data-v-152a0585]{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s}.slider[data-v-152a0585]:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s}input:checked+.slider[data-v-152a0585]{background-color:#2196f3}input:focus+.slider[data-v-152a0585]{box-shadow:0 0 1px #2196f3}input:checked+.slider[data-v-152a0585]:before{transform:translateX(26px)}.slider.round[data-v-152a0585]{border-radius:34px}.slider.round[data-v-152a0585]:before{border-radius:50%}.version-number[data-v-152a0585]{position:absolute;bottom:20px;right:25px;font-size:1.5em}canvas{display:block;position:absolute;left:0}.finished-title{margin:0;font-size:6em}.finished-container{display:flex;flex-direction:column;justify-content:center;margin:auto}.finished-container div{font-size:2.2em;margin:.5em}.logo-finish{width:16vw;position:absolute;top:3vh;right:3vw;min-width:300px}.btn_restart{position:absolute;bottom:2em;right:1em;color:#fff}particle{border-radius:50%;left:0;pointer-events:none;position:fixed;top:0;opacity:0}.shake_animation{-webkit-animation:shake .2s;animation:shake .2s;-webkit-animation-iteration-count:1;animation-iteration-count:1;overflow:hidden}@-webkit-keyframes shake{0%{transform:translate(1px,1px) rotate(0deg)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0deg)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0deg)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0deg)}to{transform:translate(1px,-2px) rotate(-1deg)}}@keyframes shake{0%{transform:translate(1px,1px) rotate(0deg)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0deg)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0deg)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0deg)}to{transform:translate(1px,-2px) rotate(-1deg)}}.base-timer.red-timer .path-remaining{stroke:red;transition:0s}.base-timer.red-timer .label{color:red}@media only screen and (max-width:1500px){.container{margin:0;padding:1vh 5vw;width:94vw}}@media only screen and (max-width:1200px){.content{white-space:normal}}@media only screen and (max-width:1100px) and (min-width:950px){.numpad{width:250px}.logo{width:250px;width:calc(250px - 1rem)}.base-timer{width:25em}}@media only screen and (max-width:1050px){.link_wrapper{width:auto}.link_wrapper .with_letter{width:125px}.link_wrapper .no_letter{width:auto;height:auto}.link_wrapper .no_letter img,.link_wrapper .with_letter span{width:125px;height:125px}.link_wrapper .with_letter span{font-size:5.5em}.link_wrapper .with_letter img{bottom:15%}}@media only screen and (max-height:900px){.base-timer{width:25em}.num_row button{height:3.5rem}}@media only screen and (max-width:955px){.container{padding:0;width:90%;height:auto;margin:auto}.maincontent{margin:1em 0}.row.firstrow{text-align:center;align-items:center}.wrong_codes{max-height:240px;text-align:center}.codes-col{order:4;max-height:300px}.timer-col{margin-top:125px}.logo{position:absolute;top:10px;left:calc(50vw - 150px);width:300px;max-width:300px}.content-row{margin-bottom:2em}.link_wrapper{margin:5px}.row.mainrow{margin-bottom:.7em}.row.tips{margin:0;border-bottom:2px solid #262626;padding-top:2rem;padding-bottom:2rem}.codes-col,.row.tips{border-top:2px solid #262626}.codes-col{width:90vw;min-height:4rem}.currentCode.isMain{height:auto}}@media only screen and (max-width:950px) and (min-width:585px){.link_wrapper .with_letter{width:100px}.link_wrapper .no_letter img,.link_wrapper .with_letter span{width:100px;height:100px}.link_wrapper .with_letter span{font-size:4.5em}}@media only screen and (max-width:835px){.row{justify-content:center}.row.tips{justify-content:space-between}.row.link_row{justify-content:space-around}}@media only screen and (max-width:800px) and (min-width:555px){.link_wrapper .with_letter{width:75px}.link_wrapper .no_letter img,.link_wrapper .with_letter span{width:75px;height:75px}.link_wrapper .with_letter span{font-size:3.4em}}@media only screen and (max-width:700px){.col.content{width:90%;margin:auto}.currentCode.isTask{width:300px;margin:auto}}@media only screen and (max-width:555px){.link_wrapper{margin:10px}}@media only screen and (max-width:500px){.finished-title{font-size:5em}.finished-container div{font-size:1.8em}}@media only screen and (max-width:480px){.link_wrapper{margin:5px}.link_wrapper .with_letter{width:100px}.link_wrapper .no_letter img,.link_wrapper .with_letter span{width:100px;height:100px}.link_wrapper .with_letter span{font-size:4.5em}}@media only screen and (max-width:445px){.link_row{justify-content:space-around}.base-timer{width:20em}.base-timer .label{font-size:6em}.title{font-size:3em}}@media only screen and (max-width:400px){.finished-title{font-size:4em}.finished-container div,.maincontent{font-size:1.5em}.maincontent{max-width:19rem}}@media only screen and (max-width:375px){.link_wrapper .with_letter{width:80px}.link_wrapper .no_letter img,.link_wrapper .with_letter span{width:80px;height:80px}.link_wrapper .with_letter span{font-size:3.5em}}