html,body{margin:0;padding:0;font-family:"Roboto", sans-serif;line-height:1.15}.screen{position:fixed;top:0;left:0;width:100vw;height:100vh;display:none}.screen .texts{position:absolute;top:70px;left:50%;transform:translateX(-50%)}.screen .texts h2{font-weight:bold;font-size:30px;line-height:42px;text-align:center;color:#ffffff;text-shadow:0px 2px 10px rgba(0,0,0,0.25);margin:0 0 60px;padding:0 22px}#under-dev{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(155.21deg, #76d8b3 0%, #f2cf84 100%);display:flex;justify-content:center;align-items:center}#under-dev h1{color:#fff}.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background-color:#e4f0f0;z-index:2000}@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: landscape){body{transform:rotate(-90deg);transform-origin:left top;width:100vh;height:100vw;overflow-x:hidden;position:absolute;top:100%;left:0}}#close{position:absolute;width:40px;height:40px;right:20px;top:40px;background:rgba(0,0,0,0.17);border-radius:50%;overflow:hidden;z-index:1300;display:flex;justify-content:center;align-items:center}#back{position:absolute;top:40px;left:20px;padding:10px;justify-content:center;align-items:center;z-index:1300;display:none}#back.visible{display:flex}#back span{margin-left:5px;font-weight:900;font-size:18px;line-height:21px;text-transform:uppercase;color:#ffffff;text-shadow:0px 2px 4px rgba(0,0,0,0.25)}#timer{position:absolute;display:none;top:40px;left:50%;transform:translateX(-50%);width:50px;height:50px;border-radius:50%;background-color:#ff00005c;justify-content:center;align-items:center;z-index:2;color:#fff;font-size:30px;font-weight:bold}#timer.visible{display:flex}#birka{position:absolute;z-index:2;top:0;right:0;border-top-left-radius:3px;padding:5px 10px;background-color:grey;color:#fff;opacity:0.5}.screen#info{background:linear-gradient(155.21deg, #76d8b3 0%, #f2cf84 100%)}.screen#info .texts{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;position:absolute;top:0}.screen#info .texts img{width:100%;max-width:600px;margin-bottom:20px}.screen#info .texts h1{color:#fff;text-shadow:0px 2px 6px rgba(0,0,0,0.25);font-size:36px;text-transform:uppercase}.screen#info .links{position:absolute;bottom:120px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;justify-content:center}.screen#info a{width:100%;background:#ffffff;box-shadow:0px 2px 10px rgba(0,0,0,0.25);border-radius:10px;border:none;padding:20px 0;font-weight:900;font-size:18px;text-align:center;text-transform:uppercase;color:#736342;width:300px;text-decoration:none;margin-bottom:20px}.screen#info a:last-child{margin-bottom:0}.screen#info a:nth-child(2n){color:#76d8b2}.screen#info a.calendar{color:#19668c}#training{background:linear-gradient(155.21deg, #76d8b3 0%, #f2cf84 100%)}#training h1{position:absolute;top:40px;left:50%;transform:translateX(-50%);color:#fff;text-transform:uppercase;text-shadow:0px 2px 6px rgba(0,0,0,0.25);font-weight:900;font-size:36px;line-height:42px;text-align:center}#training h2{position:absolute;top:196px;left:50%;transform:translateX(-50%);font-style:normal;font-weight:900;font-size:30px;line-height:42px;text-align:center;text-transform:uppercase;color:#313131;text-shadow:0px 2px 4px rgba(0,0,0,0.25)}#training .trainings{position:absolute;bottom:100px;left:50%;transform:translateX(-50%);width:300px}#training .trainings button{width:100%;padding:20px 0;border:none;background:#ffffff;box-shadow:0px 2px 10px rgba(0,0,0,0.25);border-radius:10px;font-style:normal;font-weight:900;font-size:18px;line-height:21px;text-align:center;text-transform:uppercase;color:#8ac535;margin-bottom:20px}#training .trainings button:last-child{margin-bottom:0;color:#f0836d}#skills{background:linear-gradient(155.21deg, #76d8b3 0%, #f2cf84 100%)}#skills h1{position:absolute;top:40px;left:50%;transform:translateX(-50%);color:#fff;text-transform:uppercase;text-shadow:0px 2px 6px rgba(0,0,0,0.25);font-weight:900;font-size:36px;line-height:42px;text-align:center}#skills .skills{position:absolute;top:140px;max-height:calc(100vh - 160px);overflow-y:scroll;left:50%;transform:translateX(-50%);width:300px}#skills .skills button{width:100%;border:none;background:#ffffff;box-shadow:0px 2px 10px rgba(0,0,0,0.25);border-radius:10px;text-align:center;padding:14px 0;font-style:normal;font-weight:normal;font-size:18px;line-height:21px;text-align:center;color:#000000;margin-bottom:20px}#skills .skills button:disabled{opacity:0.5}#skills .skills button:last-child{margin-bottom:0}.screen#levels{background:linear-gradient(155.21deg, #f7c87d 0%, #f08061 100%)}.screen#levels .texts{width:100%}.screen#levels .choose-levels{position:absolute;left:50%;transform:translate(-50%);bottom:100px}.screen#levels .choose-levels button{width:300px;padding:17px 30px;display:flex;align-items:center;justify-content:space-between;box-shadow:0px 0px 8px rgba(87,175,17,0.25);border-radius:10px;border:none;font-style:normal;font-weight:900;font-size:22px;line-height:26px;text-align:center;text-transform:uppercase;color:#ffffff;text-shadow:0px 1px 4px rgba(0,0,0,0.25);margin-bottom:30px}.screen#levels .choose-levels button:last-child{margin-bottom:0}.screen#levels .choose-levels button .stars{display:flex;justify-content:center;align-items:center}.screen#levels .choose-levels button .stars img{margin-right:10px}.screen#levels .choose-levels button .stars img:last-child{margin-right:0}.screen#levels .choose-levels button.easy{background:linear-gradient(180deg, #61c810 0%, #57af11 100%)}.screen#levels .choose-levels button.medium{background:linear-gradient(180deg, #f09814 0%, #d78407 100%)}.screen#levels .choose-levels button.hard{background:linear-gradient(180deg, #f03c14 0%, #bf3112 100%)}#tasks{background:linear-gradient(155.21deg, #f0836d 0%, #e289d8 100%)}#tasks .result{display:none;flex-direction:column;justify-content:center;align-items:center;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;max-width:600px}#tasks .result.visible{display:flex}#tasks .result h2{margin:0 0 30px;font-family:Roboto;font-style:normal;font-weight:bold;font-size:36px;line-height:1.2;text-align:center;color:#ffffff;text-shadow:0px 2px 4px rgba(0,0,0,0.25)}#tasks .result .points{display:flex;justify-content:center;align-items:center;margin-bottom:30px}#tasks .result .points b,#tasks .result .points strong{font-size:72px;color:#8ee627;font-weight:bold;display:block;text-shadow:0px 2px 4px rgba(0,0,0,0.25)}#tasks .result .points strong{color:#fdf83d}#tasks .result .points span{font-size:64px;line-height:64px;margin:0 15px;color:#fff;font-weight:bold;display:block;text-shadow:0px 2px 4px rgba(0,0,0,0.25)}#tasks .result p{font-size:30px;color:#fff;font-weight:bold;margin:0;text-shadow:0px 2px 4px rgba(0,0,0,0.25)}#tasks .result a,#tasks .result button{background:linear-gradient(180deg, #ff9c04 0%, #f19408 100%);border:1px solid rgba(255,255,255,0.3);box-sizing:border-box;border-radius:10px;width:300px;padding:11px 0;text-align:center;font-family:Roboto;font-style:normal;font-weight:900;font-size:20px;line-height:28px;text-align:center;text-transform:uppercase;color:#fff;text-decoration:none}#tasks .result button{background:linear-gradient(180deg, #61ca66 0%, #4caf50 100%);margin-top:25px}#tasks .task,#tasks .task-skill{flex-direction:column;position:absolute;top:120px;left:50%;transform:translateX(-50%);width:calc(100% - 40px)}#tasks .task.visible,#tasks .task-skill.visible{display:flex}#tasks .task h1,#tasks .task-skill h1{margin:0 0 80px;font-family:Roboto;font-style:normal;font-weight:bold;font-size:26px;line-height:1.4;text-align:center;color:#ffffff;text-shadow:0px 2px 4px rgba(0,0,0,0.25)}#tasks .task h2,#tasks .task-skill h2{text-align:center;color:#3c3c3c;margin-bottom:35px;margin-top:0}#tasks .task .numbers,#tasks .task-skill .numbers{display:flex;align-items:center;justify-content:center;margin-bottom:40px}#tasks .task .numbers img,#tasks .task-skill .numbers img{margin:0 30px}#tasks .task .numbers img.sum,#tasks .task-skill .numbers img.sum{transform:rotate(45deg)}#tasks .task .numbers span,#tasks .task-skill .numbers span{font-family:Roboto;font-style:normal;font-weight:bold;font-size:72px;line-height:84px;text-align:center;color:#ff3e83;text-shadow:0px 2px 4px rgba(0,0,0,0.25);position:relative}#tasks .task .numbers span::after,#tasks .task-skill .numbers span::after{content:attr(data-number);color:#fff;text-shadow:none;position:absolute;font-size:82px;line-height:1.16;top:-10px;left:-5px;z-index:2;opacity:1}#tasks .task .numbers span:last-child,#tasks .task-skill .numbers span:last-child{color:#3e7fff}#tasks .task .btns,#tasks .task-skill .btns{display:flex;justify-content:center;align-items:center;flex-direction:column}#tasks .task button,#tasks .task-skill button{background:rgba(255,255,255,0.8);border:2px solid rgba(255,255,255,0.3);box-sizing:border-box;border-radius:10px;width:300px;padding:11px 0;text-align:center;font-family:Roboto;font-style:normal;font-weight:normal;font-size:16px;line-height:37px;text-align:center;color:#000;margin-bottom:15px}#tasks .task button:last-child,#tasks .task-skill button:last-child{margin-bottom:0}#tasks .task button:focus,#tasks .task-skill button:focus{outline:none}#tasks .task button.wrong,#tasks .task-skill button.wrong{background:linear-gradient(180deg, rgba(255,77,77,0.75) 0%, rgba(193,26,26,0.75) 100%);color:#fff}#tasks .task button.right,#tasks .task-skill button.right{background:linear-gradient(180deg, rgba(141,238,45,0.75) 0%, rgba(115,211,19,0.75) 100%);color:#fff}#tasks .task-skill{display:none}