PageSourceSearch

https://www.ratatype.ua/

html ratatype.ua collected 2026-09-26 12:00:10 UTC 135,538 bytes, 2,451 lines download raw bytes

1
2<!DOCTYPE html>
3<html prefix="og: http://ogp.me/ns#" lang="uk" class="">
4<head>
5                
5<script data-adt-consent="ignore">
6            var isDebug = false, isSaveLog = true;
7        </script>
7
8    
9    <meta name="twitter:card" content="summary_large_image">
10    <meta name="twitter:site" content="@ratatype">
11    <title>Ratatype — Клавіатурний Тренажер та Уроки Друку</title>
12    <meta name="Keywords" content="навчитися друкувати, клавіатурний тренажер, сліпий друк, набір тексту на клавіатурі, онлайн навчання друку, сліпий набір тексту">
13    <meta name="Description" content="Навчись друкувати наосліп на Ratatype. Уроки допоможуть покращити навички набору тексту на клавіатурі. Склади тест й отримай сертифікат швидкості друку.">
14    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
15    <meta name="viewport" content="width=device-width, initial-scale=1">
16    <meta property="og:url" content="https://www.ratatype.ua/">
17    <meta property="og:type" content="website">
18    <meta property="og:image" content="https://www.ratatype.ua/static/i/og_logo.png">
19    <meta property="og:title" content="Ratatype — Клавіатурний Тренажер та Уроки Друку">
20    <meta property="og:description" content="Навчись друкувати наосліп на Ratatype. Уроки допоможуть покращити навички набору тексту на клавіатурі. Склади тест й отримай сертифікат швидкості друку.">
21    <meta name="twitter:title" content="Ratatype — Клавіатурний Тренажер та Уроки Друку">
22    <meta name="twitter:description" content="Навчись друкувати наосліп на Ratatype. Уроки допоможуть покращити навички набору тексту на клавіатурі. Склади тест й отримай сертифікат швидкості друку.">
23    <meta name="twitter:image" content="https://www.ratatype.ua/static/i/og_logo.png">
24
25            <link rel="canonical" href="https://www.ratatype.ua/">
26        <link rel='alternate' href=https://www.ratatype.com/ hreflang='en'>
27<link rel='alternate' href=https://www.ratatype.ua/ hreflang='uk'>
28<link rel='alternate' href=https://www.ratatype.fr/ hreflang='fr-FR'>
29<link rel='alternate' href=https://www.ratatype.it/ hreflang='it'>
30<link rel='alternate' href=https://www.ratatype.de/ hreflang='de'>
31<link rel='alternate' href=https://www.ratatype.com.br/ hreflang='pt'>
32<link rel='alternate' href=https://www.ratatype.es/ hreflang='es-ES'>
33<link rel='alternate' href=https://www.ratatype.pl/ hreflang='pl'>
34<link rel='alternate' href=https://www.ratatype.com/fr/ hreflang='fr'>
35<link rel='alternate' href=https://www.ratatype.com.tr/ hreflang='tr'>
36<link rel='alternate' href=https://www.ratatype.com/nl/ hreflang='nl'>
37<link rel='alternate' href=https://www.ratatype.com/es/ hreflang='es'>
38<link rel='alternate' href=https://www.ratatype.co.uk/ hreflang='en-GB'>
39
40    
41                            <style>*,
42:after,
43:before {
44  box-sizing: border-box;
45  border: 0 solid currentColor;
46}
47:after,
48:before {
49  --tw-content: "";
50}
51html {
52  line-height: 1.5;
53  -webkit-text-size-adjust: 100%;
54  -moz-tab-size: 4;
55  -o-tab-size: 4;
56  tab-size: 4;
57  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
58    Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif;
59  font-feature-settings: normal;
60  font-variation-settings: normal;
61}
62body {
63  margin: 0;
64  line-height: inherit;
65}
66hr {
67  height: 0;
68  color: inherit;
69  border-top-width: 1px;
70}
71h1,
72h2,
73h3 {
74  font-size: inherit;
75  font-weight: inherit;
76}
77a {
78  color: inherit;
79  text-decoration: inherit;
80}
81strong {
82  font-weight: bolder;
83}
84button {
85  font-family: inherit;
86  font-feature-settings: inherit;
87  font-variation-settings: inherit;
88  font-size: 100%;
89  font-weight: inherit;
90  line-height: inherit;
91  color: inherit;
92  margin: 0;
93  padding: 0;
94}
95button {
96  text-transform: none;
97}
98[type="button"],
99button {
100  -webkit-appearance: button;
101  background-color: transparent;
102  background-image: none;
103}
104:-moz-focusring {
105  outline: auto;
106}
107:-moz-ui-invalid {
108  box-shadow: none;
109}
110::-webkit-inner-spin-button,
111::-webkit-outer-spin-button {
112  height: auto;
113}
114::-webkit-search-decoration {
115  -webkit-appearance: none;
116}
117::-webkit-file-upload-button {
118  -webkit-appearance: button;
119  font: inherit;
120}
121h1,
122h2,
123h3,
124hr,
125p {
126  margin: 0;
127}
128ol,
129ul {
130  list-style: none;
131  margin: 0;
132  padding: 0;
133}
134iframe,
135img,
136svg {
137  display: block;
138  vertical-align: middle;
139}
140img {
141  max-width: 100%;
142  height: auto;
143}
144@font-face {
145  font-family: Manrope;
146  src: local("Manrope"),
147    url(/static/fonts/manrope/variable/Manrope[wght].woff2)
148      format("woff2 supports variations"),
149    url(/static/fonts/manrope/variable/Manrope[wght].woff2)
150      format("woff2-variations");
151  font-weight: 100 1000;
152  font-stretch: 25% 151%;
153  font-display: swap;
154}
155html {
156  font-family: Manrope, sans-serif;
157  font-weight: 500;
158}
159body {
160  overflow-x: hidden;
161}
162h1 {
163  margin-bottom: 0.9375rem;
164  overflow-wrap: break-word;
165  font-size: 3rem;
166  line-height: 1;
167  font-weight: 800;
168}
169@media (min-width: 768px) {
170  h1 {
171    margin-bottom: 1.25rem;
172    font-size: 4rem;
173    line-height: 1;
174  }
175}
176h2 {
177  margin-bottom: 0.9375rem;
178  overflow-wrap: break-word;
179  font-size: 2rem;
180  line-height: 1.0625;
181  font-weight: 800;
182}
183@media (min-width: 768px) {
184  h2 {
185    margin-bottom: 1.25rem;
186    font-size: 3rem;
187    line-height: 1.04;
188  }
189}
190.h3,
191h3 {
192  margin-bottom: 0.9375rem;
193  overflow-wrap: break-word;
194  font-size: 1.5rem;
195  line-height: 1.16;
196  font-weight: 800;
197}
198@media (min-width: 768px) {
199  .h3,
200  h3 {
201    margin-bottom: 1.25rem;
202    font-size: 2.25rem;
203    line-height: 1.16;
204  }
205}
206.h4 {
207  margin-bottom: 0.625rem;
208  overflow-wrap: break-word;
209  font-size: 1.1875rem;
210  line-height: 1.26;
211  font-weight: 800;
212}
213@media (min-width: 768px) {
214  .h4 {
215    font-size: 1.5rem;
216    line-height: 1.25;
217  }
218}
219p {
220  margin-bottom: 0.9375rem;
221}
222@media (min-width: 768px) {
223  p {
224    margin-bottom: 1.25rem;
225  }
226}
227ol {
228  margin-left: 1.25rem;
229  list-style-type: decimal;
230}
231ol {
232  margin-bottom: 0.9375rem;
233}
234@media (min-width: 768px) {
235  ol {
236    margin-bottom: 1.25rem;
237  }
238}
239ol li {
240  padding-bottom: 5px;
241}
242ol li:last-child {
243  padding-bottom: 0;
244}
245@media (min-width: 768px) {
246  ol li {
247    padding-bottom: 10px;
248  }
249}
250*,
251:after,
252:before {
253  --tw-border-spacing-x: 0;
254  --tw-border-spacing-y: 0;
255  --tw-translate-x: 0;
256  --tw-translate-y: 0;
257  --tw-rotate: 0;
258  --tw-skew-x: 0;
259  --tw-skew-y: 0;
260  --tw-scale-x: 1;
261  --tw-scale-y: 1;
262  --tw-scroll-snap-strictness: proximity;
263  --tw-ring-offset-width: 0px;
264  --tw-ring-offset-color: #fff;
265  --tw-ring-color: rgb(59 130 246/0.5);
266  --tw-ring-offset-shadow: 0 0 #0000;
267  --tw-ring-shadow: 0 0 #0000;
268  --tw-shadow: 0 0 #0000;
269  --tw-shadow-colored: 0 0 #0000;
270}
271::backdrop {
272  --tw-border-spacing-x: 0;
273  --tw-border-spacing-y: 0;
274  --tw-translate-x: 0;
275  --tw-translate-y: 0;
276  --tw-rotate: 0;
277  --tw-skew-x: 0;
278  --tw-skew-y: 0;
279  --tw-scale-x: 1;
280  --tw-scale-y: 1;
281  --tw-scroll-snap-strictness: proximity;
282  --tw-ring-offset-width: 0px;
283  --tw-ring-offset-color: #fff;
284  --tw-ring-color: rgb(59 130 246/0.5);
285  --tw-ring-offset-shadow: 0 0 #0000;
286  --tw-ring-shadow: 0 0 #0000;
287  --tw-shadow: 0 0 #0000;
288  --tw-shadow-colored: 0 0 #0000;
289}
290a.btn:not(.btn-with-icon) {
291  display: inline-block;
292}
293.btn {
294  position: relative;
295  margin-bottom: 3px;
296  min-height: 45px;
297  border-width: 2px;
298  padding: 0.5rem 1.25rem;
299  font-size: 1.0625rem;
300  line-height: 1.4;
301  font-weight: 700;
302  --tw-text-opacity: 1;
303  color: rgb(10 51 92 / var(--tw-text-opacity));
304}
305.btn,
306.btn:before {
307  border-radius: 0.625rem;
308}
309.btn:before {
310  position: absolute;
311  top: 0;
312  bottom: 0;
313  left: -0.125rem;
314  right: -0.125rem;
315  z-index: -10;
316  content: var(--tw-content);
317}
318@media (min-width: 768px) {
319  .btn {
320    min-height: 50px;
321    font-size: 1.25rem;
322    line-height: 1.5;
323  }
324}
325.btn-primary {
326  --tw-border-opacity: 1;
327  border-color: rgb(255 204 0 / var(--tw-border-opacity));
328  --tw-bg-opacity: 1;
329  background-color: rgb(255 235 153 / var(--tw-bg-opacity));
330  --tw-shadow: 0 3px 0 #fc0;
331  --tw-shadow-colored: 0 3px 0 var(--tw-shadow-color);
332}
333.btn-primary {
334  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
335    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
336}
337.btn-secondary {
338  --tw-border-opacity: 1;
339  border-color: rgb(0 172 255 / var(--tw-border-opacity));
340  --tw-bg-opacity: 1;
341  background-color: rgb(223 244 255 / var(--tw-bg-opacity));
342  --tw-shadow: 0 3px 0 #00acff;
343  --tw-shadow-colored: 0 3px 0 var(--tw-shadow-color);
344}
345.btn-secondary {
346  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
347    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
348}
349.btn-with-icon {
350  display: inline-flex;
351  align-items: center;
352  justify-content: center;
353}
354.btn-on-hover {
355  position: relative;
356  display: block;
357  min-height: 48px;
358  border-radius: 0.625rem;
359  border-width: 2px;
360  border-color: transparent;
361  padding: 0.625rem 0.9375rem;
362}
363.toggler {
364  transform: rotate(0deg);
365}
366.toggler span {
367  transform: rotate(0deg);
368}
369.toggler span:first-child {
370  top: 0;
371}
372.toggler span:nth-child(2),
373.toggler span:nth-child(3) {
374  top: 7px;
375}
376.toggler span:nth-child(4) {
377  top: 14px;
378}
379@media (max-width: 1023px) {
380  .navbar-nav {
381    height: 0;
382    z-index: 60;
383  }
384  .navbar-nav,
385  .navbar-nav-overlay {
386    position: fixed;
387    left: 0;
388    width: 100vw;
389    overflow: hidden;
390  }
391  .navbar-nav-overlay {
392    display: none;
393    --tw-bg-opacity: 1;
394    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
395    opacity: 0.7;
396  }
397  .navbar-nav .dropdown-toggle,
398  .navbar-nav li {
399    opacity: 0;
400    transform: translateY(-8px);
401  }
402}
403.dropdown-menu {
404  display: none;
405}
406@media (max-width: 1023px) {
407  #header .dropdown-menu {
408    position: relative !important;
409    margin-left: 0.625rem !important;
410    margin-right: 0.625rem !important;
411    display: block !important;
412    transform: none !important;
413  }
414}
415.collapse {
416  visibility: collapse;
417}
418.fixed {
419  position: fixed;
420}
421.absolute {
422  position: absolute;
423}
424.relative {
425  position: relative;
426}
427.inset-0 {
428  inset: 0;
429}
430.-left-\[75px\] {
431  left: -75px;
432}
433.-top-\[6px\] {
434  top: -6px;
435}
436.bottom-0 {
437  bottom: 0;
438}
439.left-0 {
440  left: 0;
441}
442.left-1\/2 {
443  left: 50%;
444}
445.right-0 {
446  right: 0;
447}
448.right-4 {
449  right: 1.25rem;
450}
451.top-0 {
452  top: 0;
453}
454.top-4 {
455  top: 1.25rem;
456}
457.z-10 {
458  z-index: 10;
459}
460.z-50 {
461  z-index: 50;
462}
463.z-\[100\] {
464  z-index: 100;
465}
466.-mx-3 {
467  margin-left: -0.9375rem;
468  margin-right: -0.9375rem;
469}
470.-mx-4 {
471  margin-left: -1.25rem;
472  margin-right: -1.25rem;
473}
474.mx-2 {
475  margin-left: 0.625rem;
476  margin-right: 0.625rem;
477}
478.mx-4 {
479  margin-left: 1.25rem;
480  margin-right: 1.25rem;
481}
482.mx-auto {
483  margin-left: auto;
484  margin-right: auto;
485}
486.my-1 {
487  margin-top: 0.3125rem;
488  margin-bottom: 0.3125rem;
489}
490.my-auto {
491  margin-top: auto;
492  margin-bottom: auto;
493}
494.mb-0 {
495  margin-bottom: 0;
496}
497.mb-2 {
498  margin-bottom: 0.625rem;
499}
500.mb-3 {
501  margin-bottom: 0.9375rem;
502}
503.mb-4 {
504  margin-bottom: 1.25rem;
505}
506.mb-6 {
507  margin-bottom: 1.875rem;
508}
509.mb-8 {
510  margin-bottom: 3.125rem;
511}
512.ml-1 {
513  margin-left: 0.3125rem;
514}
515.ml-2 {
516  margin-left: 0.625rem;
517}
518.ml-4 {
519  margin-left: 1.25rem;
520}
521.ml-\[60px\] {
522  margin-left: 60px;
523}
524.mr-1 {
525  margin-right: 0.3125rem;
526}
527.mr-2 {
528  margin-right: 0.625rem;
529}
530.mt-1 {
531  margin-top: 0.3125rem;
532}
533.mt-10 {
534  margin-top: 4.375rem;
535}
536.mt-3 {
537  margin-top: 0.9375rem;
538}
539.mt-4 {
540  margin-top: 1.25rem;
541}
542.mt-5 {
543  margin-top: 1.5625rem;
544}
545.mt-auto {
546  margin-top: auto;
547}
548.block {
549  display: block;
550}
551.flex {
552  display: flex;
553}
554.grid {
555  display: grid;
556}
557.hidden {
558  display: none;
559}
560.aspect-\[230\/230\] {
561  aspect-ratio: 230/230;
562}
563.aspect-\[9\/16\] {
564  aspect-ratio: 9/16;
565}
566.aspect-video {
567  aspect-ratio: 16/9;
568}
569.h-8 {
570  height: 3.125rem;
571}
572.h-\[1\.875rem\] {
573  height: 1.875rem;
574}
575.h-\[200px\] {
576  height: 200px;
577}
578.h-\[24px\] {
579  height: 24px;
580}
581.h-\[25px\] {
582  height: 25px;
583}
584.h-\[3px\] {
585  height: 3px;
586}
587.h-auto {
588  height: auto;
589}
590.h-full {
591  height: 100%;
592}
593.max-h-\[122px\] {
594  max-height: 122px;
595}
596.max-h-\[calc\(100\%-180px\)\] {
597  max-height: calc(100% - 180px);
598}
599.min-h-\[6\.25rem\] {
600  min-height: 6.25rem;
601}
602.min-h-screen {
603  min-height: 100vh;
604}
605.w-3\/6 {
606  width: 50%;
607}
608.w-8 {
609  width: 3.125rem;
610}
611.w-\[1\.875rem\] {
612  width: 1.875rem;
613}
614.w-\[100px\] {
615  width: 100px;
616}
617.w-\[150px\] {
618  width: 150px;
619}
620.w-\[200px\] {
621  width: 200px;
622}
623.w-\[24px\] {
624  width: 24px;
625}
626.w-\[320px\] {
627  width: 320px;
628}
629.w-\[calc\(100\%\+80px\)\] {
630  width: calc(100% + 80px);
631}
632.w-auto {
633  width: auto;
634}
635.w-fit {
636  width: -moz-fit-content;
637  width: fit-content;
638}
639.w-full {
640  width: 100%;
641}
642.min-w-\[200px\] {
643  min-width: 200px;
644}
645.max-w-\[10\.625rem\] {
646  max-width: 10.625rem;
647}
648.max-w-\[344px\] {
649  max-width: 344px;
650}
651.max-w-\[515px\] {
652  max-width: 515px;
653}
654.max-w-\[640px\] {
655  max-width: 640px;
656}
657.max-w-container-small {
658  max-width: 49.375rem;
659}
660.max-w-screen-container-xl {
661  max-width: 1260px;
662}
663.flex-auto {
664  flex: 1 1 auto;
665}
666.shrink-0 {
667  flex-shrink: 0;
668}
669.origin-\[0\%_80\%\] {
670  transform-origin: 0 80%;
671}
672.-translate-x-1\/2 {
673  --tw-translate-x: -50%;
674}
675.-translate-x-1\/2 {
676  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
677    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
678    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
679}
680.translate-x-\[90px\] {
681  --tw-translate-x: 90px;
682}
683.translate-x-\[90px\] {
684  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
685    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
686    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
687}
688.translate-y-\[27px\] {
689  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
690    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
691    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
692}
693.translate-y-\[27px\] {
694  --tw-translate-y: 27px;
695}
696@keyframes c {
697  0% {
698    opacity: 0;
699    transform: translateY(-15px);
700  }
701  to {
702    opacity: 1;
703    transform: translateY(0);
704  }
705}
706.animate-fade-and-move {
707  animation: c 1s ease-in-out;
708}
709@keyframes v {
710  0%,
711  55%,
712  to {
713    transform: rotate(0deg);
714  }
715  8% {
716    transform: rotate(-18deg);
717  }
718  20% {
719    transform: rotate(10deg);
720  }
721  32% {
722    transform: rotate(-16deg);
723  }
724  44% {
725    transform: rotate(8deg);
726  }
727}
728.animate-wave-hand {
729  animation: v 3s ease-in-out infinite;
730}
731.flex-col {
732  flex-direction: column;
733}
734.flex-wrap {
735  flex-wrap: wrap;
736}
737.items-end {
738  align-items: flex-end;
739}
740.items-center {
741  align-items: center;
742}
743.justify-center {
744  justify-content: center;
745}
746.justify-between {
747  justify-content: space-between;
748}
749.gap-x-6 {
750  column-gap: 1.875rem;
751}
752.gap-y-3 {
753  row-gap: 0.9375rem;
754}
755.self-end {
756  align-self: flex-end;
757}
758.justify-self-end {
759  justify-self: end;
760}
761.overflow-hidden {
762  overflow: hidden;
763}
764.overflow-visible {
765  overflow: visible;
766}
767.overflow-y-auto {
768  overflow-y: auto;
769}
770.overflow-x-hidden {
771  overflow-x: hidden;
772}
773.rounded-full {
774  border-radius: 9999px;
775}
776.rounded-lg {
777  border-radius: 1.25rem;
778}
779.rounded-md {
780  border-radius: 0.9375rem;
781}
782.rounded-sm {
783  border-radius: 0.625rem;
784}
785.rounded-xl {
786  border-radius: 1.875rem;
787}
788.rounded-b-md {
789  border-bottom-right-radius: 0.9375rem;
790  border-bottom-left-radius: 0.9375rem;
791}
792.rounded-t-lg {
793  border-top-left-radius: 1.25rem;
794  border-top-right-radius: 1.25rem;
795}
796.border-0 {
797  border-width: 0;
798}
799.border-2 {
800  border-width: 2px;
801}
802.border-b-2 {
803  border-bottom-width: 2px;
804}
805.border-t-2 {
806  border-top-width: 2px;
807}
808.border-solid {
809  border-style: solid;
810}
811.border-brd-primary {
812  border-color: rgba(23, 66, 88, 0.1);
813}
814.border-grey-light {
815  --tw-border-opacity: 1;
816  border-color: rgb(219 226 229 / var(--tw-border-opacity));
817}
818.border-transparent {
819  border-color: transparent;
820}
821.\!bg-white {
822  --tw-bg-opacity: 1 !important;
823}
824.\!bg-white {
825  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
826}
827.bg-bg-secondary {
828  --tw-bg-opacity: 1;
829  background-color: rgb(238 244 246 / var(--tw-bg-opacity));
830}
831.bg-blue-light {
832  --tw-bg-opacity: 1;
833  background-color: rgb(223 244 255 / var(--tw-bg-opacity));
834}
835.bg-green-dark {
836  --tw-bg-opacity: 1;
837  background-color: rgb(23 113 58 / var(--tw-bg-opacity));
838}
839.bg-icon-primary {
840  --tw-bg-opacity: 1;
841  background-color: rgb(23 66 88 / var(--tw-bg-opacity));
842}
843.bg-indigo {
844  --tw-bg-opacity: 1;
845  background-color: rgb(83 82 199 / var(--tw-bg-opacity));
846}
847.bg-state-control-primary {
848  --tw-bg-opacity: 1;
849  background-color: rgb(1 110 211 / var(--tw-bg-opacity));
850}
851.bg-transparent {
852  background-color: transparent;
853}
854.bg-white {
855  --tw-bg-opacity: 1;
856  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
857}
858.fill-black {
859  fill: #000;
860}
861.fill-icon-primary {
862  fill: #174258;
863}
864.fill-icon-secondary {
865  fill: #4e779f;
866}
867.object-cover {
868  -o-object-fit: cover;
869  object-fit: cover;
870}
871.object-center {
872  -o-object-position: center;
873  object-position: center;
874}
875.object-right {
876  -o-object-position: right;
877  object-position: right;
878}
879.p-1 {
880  padding: 0.3125rem;
881}
882.p-4 {
883  padding: 1.25rem;
884}
885.px-1 {
886  padding-left: 0.3125rem;
887  padding-right: 0.3125rem;
888}
889.px-2 {
890  padding-left: 0.625rem;
891  padding-right: 0.625rem;
892}
893.px-3 {
894  padding-left: 0.9375rem;
895  padding-right: 0.9375rem;
896}
897.px-4 {
898  padding-left: 1.25rem;
899  padding-right: 1.25rem;
900}
901.px-7 {
902  padding-left: 2.5rem;
903  padding-right: 2.5rem;
904}
905.px-8 {
906  padding-left: 3.125rem;
907  padding-right: 3.125rem;
908}
909.py-1 {
910  padding-top: 0.3125rem;
911  padding-bottom: 0.3125rem;
912}
913.py-2 {
914  padding-top: 0.625rem;
915  padding-bottom: 0.625rem;
916}
917.py-3 {
918  padding-top: 0.9375rem;
919  padding-bottom: 0.9375rem;
920}
921.py-4 {
922  padding-top: 1.25rem;
923  padding-bottom: 1.25rem;
924}
925.py-6 {
926  padding-top: 1.875rem;
927  padding-bottom: 1.875rem;
928}
929.pb-0 {
930  padding-bottom: 0;
931}
932.pb-2 {
933  padding-bottom: 0.625rem;
934}
935.pb-3 {
936  padding-bottom: 0.9375rem;
937}
938.pb-4 {
939  padding-bottom: 1.25rem;
940}
941.pl-2 {
942  padding-left: 0.625rem;
943}
944.pr-\[100px\] {
945  padding-right: 100px;
946}
947.pt-0 {
948  padding-top: 0;
949}
950.pt-10 {
951  padding-top: 4.375rem;
952}
953.pt-4 {
954  padding-top: 1.25rem;
955}
956.pt-7 {
957  padding-top: 2.5rem;
958}
959.text-left {
960  text-align: left;
961}
962.text-center {
963  text-align: center;
964}
965.text-base-h {
966  font-size: 2.25rem;
967  line-height: 1.16;
968}
969.text-base-xs {
970  font-size: 1.0625rem;
971  line-height: 1.4;
972}
973.text-large-xs {
974  font-size: 1.1875rem;
975  line-height: 1.368;
976}
977.text-small-xs {
978  font-size: 0.875rem;
979  line-height: 1.128;
980}
981.font-bold {
982  font-weight: 700;
983}
984.font-extrabold {
985  font-weight: 800;
986}
987.font-semibold {
988  font-weight: 600;
989}
990.text-txt-primary {
991  --tw-text-opacity: 1;
992  color: rgb(10 51 92 / var(--tw-text-opacity));
993}
994.text-txt-primary-on-bg {
995  --tw-text-opacity: 1;
996  color: rgb(255 255 255 / var(--tw-text-opacity));
997}
998.text-txt-secondary {
999  color: rgba(23, 66, 88, 0.8);
1000}
1001.text-txt-secondary-on-bg {
1002  color: hsla(0, 0%, 100%, 0.92);
1003}
1004.opacity-30 {
1005  opacity: 0.3;
1006}
1007.shadow-none {
1008  --tw-shadow: 0 0 #0000;
1009  --tw-shadow-colored: 0 0 #0000;
1010}
1011.shadow-none {
1012  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
1013    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1014}
1015.\[grid-area\:stack\] {
1016  grid-area: a;
1017}
1018.\[grid-template-areas\:\'stack\'\] {
1019  grid-template-areas: "a";
1020}
1021.\[transform-box\:fill-box\] {
1022  transform-box: fill-box;
1023}
1024.locale-flag {
1025  width: 20px;
1026  height: 15px;
1027  border-radius: 2px;
1028  border: 1px solid rgba(0, 0, 0, 0.1);
1029  background-repeat: no-repeat;
1030  background-position: 50%;
1031}
1032@media (min-width: 1024px) {
1033  .lgxs\:btn-on-hover {
1034    position: relative;
1035    display: block;
1036    min-height: 48px;
1037    border-radius: 0.625rem;
1038    border-width: 2px;
1039    border-color: transparent;
1040    padding: 0.625rem 0.9375rem;
1041  }
1042}
1043@media (min-width: 600px) {
1044  .min-\[600px\]\:w-\[200px\] {
1045    width: 200px;
1046  }
1047  .min-\[600px\]\:translate-x-\[182px\] {
1048    --tw-translate-x: 182px;
1049  }
1050  .min-\[600px\]\:translate-x-\[182px\],
1051  .min-\[600px\]\:translate-y-\[34px\] {
1052    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
1053      rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
1054      scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1055  }
1056  .min-\[600px\]\:translate-y-\[34px\] {
1057    --tw-translate-y: 34px;
1058  }
1059}
1060@media (min-width: 768px) {
1061  .md\:right-6 {
1062    right: 1.875rem;
1063  }
1064  .md\:top-6 {
1065    top: 1.875rem;
1066  }
1067  .md\:order-1 {
1068    order: 1;
1069  }
1070  .md\:order-2 {
1071    order: 2;
1072  }
1073  .md\:mx-0 {
1074    margin-left: 0;
1075    margin-right: 0;
1076  }
1077  .md\:mx-6 {
1078    margin-left: 1.875rem;
1079    margin-right: 1.875rem;
1080  }
1081  .md\:mb-4 {
1082    margin-bottom: 1.25rem;
1083  }
1084  .md\:mb-6 {
1085    margin-bottom: 1.875rem;
1086  }
1087  .md\:mb-8 {
1088    margin-bottom: 3.125rem;
1089  }
1090  .md\:mb-\[80px\] {
1091    margin-bottom: 80px;
1092  }
1093  .md\:ml-0 {
1094    margin-left: 0;
1095  }
1096  .md\:ml-4 {
1097    margin-left: 1.25rem;
1098  }
1099  .md\:mr-0 {
1100    margin-right: 0;
1101  }
1102  .md\:mt-0 {
1103    margin-top: 0;
1104  }
1105  .md\:mt-2 {
1106    margin-top: 0.625rem;
1107  }
1108  .md\:mt-4 {
1109    margin-top: 1.25rem;
1110  }
1111  .md\:mt-8 {
1112    margin-top: 3.125rem;
1113  }
1114  .md\:block {
1115    display: block;
1116  }
1117  .md\:flex {
1118    display: flex;
1119  }
1120  .md\:hidden {
1121    display: none;
1122  }
1123  .md\:h-\[30px\] {
1124    height: 30px;
1125  }
1126  .md\:h-auto {
1127    height: auto;
1128  }
1129  .md\:max-h-\[244px\] {
1130    max-height: 244px;
1131  }
1132  .md\:w-2\/6 {
1133    width: 33.333333%;
1134  }
1135  .md\:w-3\/6 {
1136    width: 50%;
1137  }
1138  .md\:w-\[150px\] {
1139    width: 150px;
1140  }
1141  .md\:w-\[30px\] {
1142    width: 30px;
1143  }
1144  .md\:w-auto {
1145    width: auto;
1146  }
1147  .md\:w-full {
1148    width: 100%;
1149  }
1150  .md\:max-w-\[626px\] {
1151    max-width: 626px;
1152  }
1153  .md\:flex-1 {
1154    flex: 1 1 0%;
1155  }
1156  .md\:translate-y-\[54px\] {
1157    --tw-translate-y: 54px;
1158  }
1159  .md\:translate-y-\[54px\] {
1160    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
1161      rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
1162      scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1163  }
1164  .md\:flex-row {
1165    flex-direction: row;
1166  }
1167  .md\:items-start {
1168    align-items: flex-start;
1169  }
1170  .md\:items-center {
1171    align-items: center;
1172  }
1173  .md\:justify-end {
1174    justify-content: flex-end;
1175  }
1176  .md\:justify-center {
1177    justify-content: center;
1178  }
1179  .md\:gap-x-7 {
1180    column-gap: 2.5rem;
1181  }
1182  .md\:self-end {
1183    align-self: flex-end;
1184  }
1185  .md\:rounded-xl {
1186    border-radius: 1.875rem;
1187  }
1188  .md\:rounded-b-lg {
1189    border-bottom-right-radius: 1.25rem;
1190    border-bottom-left-radius: 1.25rem;
1191  }
1192  .md\:border-b-0 {
1193    border-bottom-width: 0;
1194  }
1195  .md\:border-r-2 {
1196    border-right-width: 2px;
1197  }
1198  .md\:p-6 {
1199    padding: 1.875rem;
1200  }
1201  .md\:p-7 {
1202    padding: 2.5rem;
1203  }
1204  .md\:p-8 {
1205    padding: 3.125rem;
1206  }
1207  .md\:px-0 {
1208    padding-left: 0;
1209    padding-right: 0;
1210  }
1211  .md\:px-3 {
1212    padding-left: 0.9375rem;
1213    padding-right: 0.9375rem;
1214  }
1215  .md\:px-6 {
1216    padding-left: 1.875rem;
1217    padding-right: 1.875rem;
1218  }
1219  .md\:py-4 {
1220    padding-top: 1.25rem;
1221    padding-bottom: 1.25rem;
1222  }
1223  .md\:py-8 {
1224    padding-top: 3.125rem;
1225    padding-bottom: 3.125rem;
1226  }
1227  .md\:pb-0 {
1228    padding-bottom: 0;
1229  }
1230  .md\:pb-2 {
1231    padding-bottom: 0.625rem;
1232  }
1233  .md\:pl-0 {
1234    padding-left: 0;
1235  }
1236  .md\:pl-2 {
1237    padding-left: 0.625rem;
1238  }
1239  .md\:pr-0 {
1240    padding-right: 0;
1241  }
1242  .md\:pr-2 {
1243    padding-right: 0.625rem;
1244  }
1245  .md\:pr-\[200px\] {
1246    padding-right: 200px;
1247  }
1248  .md\:pt-0 {
1249    padding-top: 0;
1250  }
1251  .md\:pt-6 {
1252    padding-top: 1.875rem;
1253  }
1254  .md\:text-left {
1255    text-align: left;
1256  }
1257  .md\:text-base {
1258    font-size: 1.25rem;
1259    line-height: 1.5;
1260  }
1261  .md\:text-large {
1262    font-size: 1.5rem;
1263    line-height: 1.33;
1264  }
1265  .md\:text-small {
1266    font-size: 1rem;
1267    line-height: 1.375;
1268  }
1269}
1270@media (min-width: 1024px) {
1271  .lgxs\:static {
1272    position: static;
1273  }
1274  .lgxs\:absolute {
1275    position: absolute;
1276  }
1277  .lgxs\:left-0 {
1278    left: 0;
1279  }
1280  .lgxs\:right-0 {
1281    right: 0;
1282  }
1283  .lgxs\:top-0 {
1284    top: 0;
1285  }
1286  .lgxs\:z-10 {
1287    z-index: 10;
1288  }
1289  .lgxs\:mx-0 {
1290    margin-left: 0;
1291    margin-right: 0;
1292  }
1293  .lgxs\:\!mt-2 {
1294    margin-top: 0.625rem !important;
1295  }
1296  .lgxs\:ml-auto {
1297    margin-left: auto;
1298  }
1299  .lgxs\:flex {
1300    display: flex;
1301  }
1302  .lgxs\:hidden {
1303    display: none;
1304  }
1305  .lgxs\:max-h-none {
1306    max-height: none;
1307  }
1308  .lgxs\:w-full {
1309    width: 100%;
1310  }
1311  .lgxs\:items-center {
1312    align-items: center;
1313  }
1314  .lgxs\:justify-center {
1315    justify-content: center;
1316  }
1317  .lgxs\:overflow-y-visible {
1318    overflow-y: visible;
1319  }
1320  .lgxs\:whitespace-nowrap {
1321    white-space: nowrap;
1322  }
1323  .lgxs\:rounded-none {
1324    border-radius: 0;
1325  }
1326  .lgxs\:rounded-sm {
1327    border-radius: 0.625rem;
1328  }
1329  .lgxs\:bg-transparent {
1330    background-color: transparent;
1331  }
1332  .lgxs\:bg-white {
1333    --tw-bg-opacity: 1;
1334    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
1335  }
1336  .lgxs\:p-2 {
1337    padding: 0.625rem;
1338  }
1339  .lgxs\:py-0 {
1340    padding-top: 0;
1341    padding-bottom: 0;
1342  }
1343  .lgxs\:py-2 {
1344    padding-top: 0.625rem;
1345    padding-bottom: 0.625rem;
1346  }
1347  .lgxs\:font-bold {
1348    font-weight: 700;
1349  }
1350  .lgxs\:shadow-dropdown {
1351    --tw-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
1352    --tw-shadow-colored: 0 0 20px 0 var(--tw-shadow-color);
1353    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
1354      var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1355  }
1356}
1357@media (min-width: 1140px) {
1358  .lgxl\:order-1 {
1359    order: 1;
1360  }
1361  .lgxl\:order-2 {
1362    order: 2;
1363  }
1364  .lgxl\:flex-row {
1365    flex-direction: row;
1366  }
1367  .lgxl\:pr-0 {
1368    padding-right: 0;
1369  }
1370}
1371@media (min-width: 1260px) {
1372  .lg\:w-1\/6 {
1373    width: 16.666667%;
1374  }
1375  .lg\:w-\[215px\] {
1376    width: 215px;
1377  }
1378  .lg\:max-w-none {
1379    max-width: none;
1380  }
1381  .lg\:pt-0 {
1382    padding-top: 0;
1383  }
1384}
1385body {
1386  --modal-backdrop-color: #000;
1387}
1388.fade:not(.show) {
1389  opacity: 0;
1390}
1391.modal {
1392  width: 100%;
1393}
1394.modal {
1395  position: fixed;
1396  top: 0;
1397  left: 0;
1398  z-index: 10002;
1399  display: none;
1400  height: 100%;
1401  overflow-x: hidden;
1402  overflow-y: auto;
1403  outline: 0;
1404}
1405.modal-dialog {
1406  position: relative;
1407  width: auto;
1408  margin-top: 1.25rem;
1409}
1410@media (min-width: 768px) {
1411  .modal-dialog {
1412    margin: 3.3rem 0;
1413  }
1414}
1415.modal.fade .modal-dialog {
1416  transform: translateY(50px);
1417}
1418@media (min-width: 768px) {
1419  .modal.fade .modal-dialog {
1420    transform: translateY(-50px);
1421  }
1422}
1423.modal-dialog-scrollable {
1424  height: calc(100% - 1.25rem);
1425}
1426@media (min-width: 768px) {
1427  .modal-dialog-scrollable {
1428    height: calc(100% - 3.3rem * 2);
1429  }
1430}
1431.modal-dialog-scrollable .modal-content {
1432  max-height: 100%;
1433  overflow: hidden;
1434}
1435.modal-dialog-scrollable .modal-body {
1436  overflow-y: auto;
1437}
1438.modal-dialog-centered {
1439  display: flex;
1440  align-items: flex-end;
1441  min-height: calc(100% - 1.25rem);
1442}
1443@media (min-width: 768px) {
1444  .modal-dialog-centered {
1445    align-items: center;
1446    min-height: calc(100% - 3.3rem * 2);
1447  }
1448}
1449.modal-content {
1450  position: relative;
1451  display: flex;
1452  flex-direction: column;
1453  width: 100%;
1454  background-clip: padding-box;
1455  outline: 0;
1456}
1457.modal-body {
1458  position: relative;
1459  flex: 1 1 auto;
1460}
1461@media (min-width: 768px) {
1462  .modal-dialog {
1463    max-width: 615px;
1464    margin-right: auto;
1465    margin-left: auto;
1466  }
1467}
1468[data-bs-toggle="collapse"] svg {
1469  transform: rotate(0);
1470}
1471div.collapse {
1472  visibility: visible;
1473}
1474.collapse:not(.show) {
1475  display: none;
1476}
1477.typing-game-card img {
1478  transform-style: preserve-3d;
1479  will-change: transform;
1480  position: relative;
1481  overflow: hidden;
1482  isolation: isolate;
1483}
1484</style>
1485        <meta name="msapplication-config" content="/browser/ie/browserconfig.xml">
1486    <link rel="shortcut icon" href="/browser/favicon.ico">
1487    <link rel="apple-touch-icon" sizes="60x60" href="/browser/safari/apple-touch-icon-60x60.png">
1488    <link rel="apple-touch-icon" sizes="76x76" href="/browser/safari/apple-touch-icon-76x76.png">
1489    <link rel="apple-touch-icon" sizes="120x120" href="/browser/safari/apple-touch-icon-120x120.png">
1490    <link rel="apple-touch-icon" sizes="152x152" href="/browser/safari/apple-touch-icon-152x152.png">
1491    <link rel="apple-touch-icon" sizes="167x167" href="/browser/safari/apple-touch-icon-167x167.png">
1492    <link rel="apple-touch-icon" sizes="180x180" href="/browser/safari/apple-touch-icon-180x180.png">
1493    <link rel="mask-icon" href="/browser/safari/website_icon_v2.svg" color="#39b5f9">
1494
1495    
1496		
1496<script data-adt-consent="ignore">
1497            dataLayer=[{userType:'unreg', 'inClass': '', 'abTest': 'SettingsB', 'abTestUnreg': 'SettingsB', 'achievements_interest': 'No'}];
vendor: 401 bytes, lines 1497-1503
1497
1498            
1499            (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
1500            new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
1501            j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
1502            'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
1503            })(window,document,'script','dataLayer','
1503GTM-PXL2SHM
vendor: 6 bytes, lines 1503-1504
1503');
1504		
1504</script>
1504
1505        
1505<script data-adt-consent="ignore">
1506            function gtag(){window.dataLayer.push(arguments);}
1507            gtag('js', new Date());
1508		</script>
1508
1509		
1510
1511            <link rel="preload" href="/static/fonts/manrope/variable/Manrope[wght].woff2" as="font" type="font/woff2" crossorigin>
1512                    <link rel="preload" href="/static/css/redesign-main-min-1790322184.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
1513            <noscript><link rel="stylesheet" href="/static/css/redesign-main-min-1790322184.css"></noscript>
1514                    
1515                
1515<script>!function(){window.googletag=window.googletag||{},window.vmpbjs=window.vmpbjs||{},window.vpb=window.vpb||{},vpb.fastLoad=!0,googletag.cmd=googletag.cmd||[],vmpbjs.cmd=vmpbjs.cmd||[];var g=googletag.cmd.slice(0)||[];googletag.cmd.length=0;var o=!1;function t(g){return g.call(googletag)}googletag.cmd.push(function(){googletag.cmd.unshift=function(n){if(o)return t(n);if(g.unshift(n),n._startgpt){o=!0;for(var a=0;a<g.length;a++)t(g[a])}},googletag.cmd.push=function(n){if(o)return t(n);g.push(n)}}),googletag.cmd.push=function(o){g.push(o)},googletag.cmd.unshift=function(t){g.unshift(t),t._startgpt&&(o=!0,googletag.apiReady?g.forEach(function(g){googletag.cmd.push(g)}):googletag.cmd=g)}}();</script>
1515
1516                
1516<script async src="//player.bidmatic.io/prebidlink/497340/hb_309796_7586.js"></script>
1516
1517                
1517<script async src="//securepubads.g.doubleclick.net/tag/js/gpt.js"></script>
1517
1518                
1518<script async src="//player.bidmatic.io/prebidlink/497340/wrapper_hb_309796_7586.js"></script>
1518
1519                
1519<script>
1520                    var gptadslots = [];
1521                    var googletag = googletag || {cmd: []};
1522                    googletag.cmd.push(function () {
1523                        try {
1524                            var mapping1 = googletag.sizeMapping().addSize([1100, 0], [[336, 280], [300, 250], [250, 250], [200, 200], [300, 600], [240, 400], [250, 360], [160, 600], [120, 600], [120, 240], [320, 100], [300, 100], [300, 50], [320, 50], [234, 60], [120, 60], [88, 31], [180, 150], [125, 125]])
1525.addSize([768, 0], [[300, 250], [250, 250], [200, 200], [300, 600], [240, 400], [250, 360], [160, 600], [120, 600], [120, 240], [300, 100], [300, 50], [234, 60], [120, 60], [88, 31], [180, 150], [125, 125]])
1526.addSize([320, 0], [[320, 100], [300, 100], [300, 50], [320, 50], [234, 60], [336, 280], [300, 250], [180, 150], [120, 60], [88, 31], [250, 250], [200, 200], [125, 125], [250, 360]])
1527.addSize([0, 0], [[320, 100], [300, 100], [300, 50], [320, 50], [234, 60], [300, 250], [180, 150], [120, 60], [88, 31], [250, 250], [200, 200], [125, 125], [250, 360]])
1528.build();
1529var mapping2 = googletag.sizeMapping().addSize([992, 0], [[980, 90], [980, 120], [970, 250], [970, 90], [930, 180], [750, 100], [750, 200], [728, 90], [468, 60], [320, 100], [300, 100], [300, 50], [320, 50], [234, 60], [300, 250], [180, 150], [120, 60], [88, 31], [250, 250], [200, 200], [125, 125], [120, 240], 'fluid'])
1530.addSize([768, 0], [[750, 100], [750, 200], [728, 90], [468, 60], [320, 100], [300, 100], [300, 50], [320, 50], [234, 60], [300, 250], [180, 150], [120, 60], [88, 31], [250, 250], [200, 200], [125, 125], [120, 240], 'fluid'])
1531.addSize([320, 0], [[320, 100], [300, 100], [300, 50], [320, 50], [234, 60], [336, 280], [300, 250], [180, 150], [120, 60], [88, 31], [250, 250], [200, 200], [125, 125], [250, 360], 'fluid'])
1532.addSize([0, 0], [[320, 100], [300, 100], [300, 50], [320, 50], [234, 60], [300, 250], [180, 150], [120, 60], [88, 31], [250, 250], [200, 200], [125, 125], [250, 360], 'fluid'])
1533.build();
1534var mapping3 = googletag.sizeMapping().addSize([768, 0], [[750, 100], [750, 200], [728, 90], [468, 60], [320, 100], [300, 100], [300, 50], [320, 50], [234, 60], [180, 150], [120, 60], [88, 31], [200, 200], [125, 125]])
1535.addSize([320, 0], [[320, 100], [300, 100], [300, 50], [320, 50], [234, 60], [336, 280], [300, 250], [180, 150], [120, 60], [88, 31], [250, 250], [200, 200], [125, 125], [250, 360]])
1536.addSize([0, 0], [[320, 100], [300, 100], [300, 50], [320, 50], [234, 60], [300, 250], [180, 150], [120, 60], [88, 31], [250, 250], [200, 200], [125, 125], [250, 360]])
1537.build();
1538var mapping4 = googletag.sizeMapping().addSize([992, 0], [[980, 90], [970, 90],[750, 100], [728, 90], [468, 60], [320, 100],[300, 100], [300, 50], [320, 50], [234, 60],[120, 60], [88, 31]])
1539.addSize([768, 0], [[750, 100], [728, 90], [468, 60], [320, 100],[300, 100], [300, 50], [320, 50], [234, 60],[120, 60], [88, 31]])
1540.addSize([320, 0], [[320, 100], [300, 100], [300, 50], [320, 50],[234, 60], [336, 280], [300, 250], [180, 150],[120, 60], [88, 31], [250, 250], [200, 200],[125, 125], [250, 360]])
1541.addSize([0, 0], [[320, 100], [300, 100], [300, 50], [320, 50],[234, 60], [300, 250], [180, 150],[120, 60], [88, 31], [250, 250], [200, 200],[125, 125], [250, 360]])
1542.build();
1543var mapping5 = googletag.sizeMapping().addSize([768, 0], [[750, 100], [728, 90], [468, 60], [320, 100], [300, 100], [300, 50], [320, 50], [234, 60], [120, 60], [88, 31]])
1544.addSize([320, 0], [[320, 100], [300, 100], [300, 50], [320, 50], [234, 60], [336, 280], [300, 250], [180, 150], [120, 60], [88, 31], [250, 250], [200, 200], [125, 125], [250, 360]])
1545.addSize([0, 0], [[320, 100], [300, 100], [300, 50], [320, 50], [234, 60], [300, 250], [180, 150], [120, 60], [88, 31], [250, 250], [200, 200], [125, 125], [250, 360]])
1546.build();
1547var mapping6 = googletag.sizeMapping().addSize([768, 0], [[336, 280], [300, 250], [250, 250], [200, 200], [120, 240], [320, 100], [300, 100], [300, 50], [320, 50], [234, 60], [120, 60], [88, 31], [180, 150], [125, 125]])
1548.addSize([320, 0], [[320, 100], [300, 100], [300, 50], [320, 50], [234, 60], [336, 280], [300, 250], [180, 150], [120, 60], [88, 31], [250, 250], [200, 200], [125, 125]])
1549.addSize([0, 0], [[320, 100], [300, 100], [300, 50], [320, 50], [234, 60], [300, 250], [180, 150], [120, 60], [88, 31], [250, 250], [200, 200], [125, 125]])
1550.build();
1551gptadslots.push(googletag.defineSlot('/111393242/Ratatype/1_home_page_below_test', [3
155100, 250], 'div-gpt-ad-1_home_page_below_test')
1552                    .defineSizeMapping(mapping2)
1553                    .addService(googletag.pubads()));
1554
1555                            
1556                            googletag.pubads().enableSingleRequest();
1557                            googletag.pubads().collapseEmptyDivs();
1558                            googletag.enableServices();
1559                        } catch {}
1560                    });
1561                </script>
1561
1562            
1563    
1564    
1564<script type="application/ld+json">
1565    {
1566        "@context": "https://schema.org",
1567        "@type": "Organization",
1568        "name": "Ratatype",
1569        "url": "https://www.ratatype.ua/",
1570        "logo": "https://www.ratatype.com/static/i/og_logo.png",
1571        "sameAs": [
1572                        "https://www.instagram.com/ratatype_ukraine/",
1573            "https://www.facebook.com/profile.php?id=61585100336459",
1574                        "https://www.linkedin.com/company/35917996/",
1575            "https://x.com/ratatype",
1576            "https://www.youtube.com/@Ratatypeofficialchannel"
1577        ]
1578    }
1579</script>
1579
1580        
1580<script type="application/ld+json">
1581    {
1582        "@context": "https://schema.org",
1583        "@type": "VideoObject",
1584        "name": "Як швидко друкувати на клавіатурі — клавіатурний тренажер Ratatype",
1585        "description": "Ratatype — це безкоштовний онлайн-тренажер друку, який навчає сліпому методу з нуля. Структуровані уроки, відстеження точності в реальному часі та вбудовані ігри роблять навчання по-справжньому цікавим. Використовується мільйонами учнів, вчителів і фахівців по всьому світу.",
1586        "thumbnailUrl": "https://i.ytimg.com/vi/WbHabMf5-Lo/maxresdefault.jpg",
1587        "uploadDate": "2026-05-21T00:00:00Z",
1588        "duration": "PT1M",
1589        "inLanguage": "uk",
1590        "embedUrl": "https://www.youtube-nocookie.com/embed/WbHabMf5-Lo",
1591        "publisher": {
1592            "@type": "Organization",
1593            "name": "Ratatype",
1594            "logo": {
1595                "@type": "ImageObject",
1596                "url": "https://www.ratatype.ua/static/i/og_logo.png"
1597            }
1598        }
1599    }
1600    </script>
1600
1601                <link rel="preload" href="https://cdnjs.cloudflare.com/ajax/libs/lottie-web/5.12.2/lottie_canvas.min.js" as="script" media="(min-width: 768px)">
1602        <link rel="preload" href="/static/animations/lottie/cap.json" as="fetch" crossorigin media="(min-width: 768px)">
1603        
1603<script>
1604        // Define googlefc and the controlled messaging function on the Window.
1605        window.googlefc = window.googlefc || {};
1606    </script>
1606
1607    
1607<script data-adt-consent="ignore">
1608        if (!sessionStorage.getItem('timezone') || sessionStorage.getItem('timezone') !== '') {
1609            window.timezone = '';
1610            sessionStorage.setItem('timezone', window.timezone);
1611        } else {
1612            window.timezone = sessionStorage.getItem('timezone');
1613        }
1614    </script>
1614
1615    
1616
1617
1618
1619</head>
1620<body class="flex flex-col min-h-screen text-base-xs md:text-base !bg-white dark:!bg-black duration-300 transition-colors">
1621
1622
1623		<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PXL2SHM"
1624		height="0" width="0" allow="identity-credentials-get" style="display:none;visibility:hidden"></iframe></noscript>
1625		
1626
1627
1628<header id="header" class="w-full mx-auto py-4 px-4 max-w-screen-container-xl lgxs:py-2 md:px-6 ">
1629                                            <div class="relative lgxs:flex lgxs:items-center z-50">
1630    <a href="/" class="block w-[150px] relative z-50 lgxs:absolute lgxs:left-0 lgxs:z-10">
1631                    <svg width="150" height="20" viewBox="0 0 150 20" fill="none" xmlns="http://www.w3.org/2000/svg" role="img">
1632                <title>Ratatype's logo</title>
1633                <path fill-rule="evenodd" clip-rule="evenodd" d="M32.9782 6.26497C32.835 7.21042 31.9809 8.25405 30.3461 8.25405H24.431L25.0282 4.30684H30.9401C32.5749 4.30684 33.1191 5.32102 32.9782 6.26497ZM23.9367 11.5299H28.8078L31.1542 17.1989C31.3815 17.7736 31.8836 18.1429 32.7875 18.1429C33.9334 18.1429 34.8622 17.3001 35.0148 16.2867C35.0646 15.9491 35.0116 15.6123 34.8762 15.3435L33.0708 10.9568C35.4982 10.0785 36.7664 8.35525 37.0762 6.29593C37.5192 3.36516 35.7886 1 30.8148 1H23.44C22.2909 1 21.2143 1.90997 21.0477 3.02383L19.0695 16.1198C18.9029 17.2314 19.7048 18.1429 20.8531 18.1429C22.0021 18.1429 23.0803 17.2314 23.2469 16.1198L23.9367 11.5299Z" fill="#00ACFF"/>
1634                <path fill-rule="evenodd" clip-rule="evenodd" d="M46.8519 6.0131L48.4038 11.2329H43.6432L46.8519 6.0131ZM49.2302 2.0633C48.9445 1.39781 48.5482 1 47.6286 1C46.7138 1 46.1565 1.39781 45.7002 2.0633L36.5531 15.5515C36.4095 15.7872 36.254 16.1159 36.2121 16.3799C36.0566 17.3792 36.7497 18.1429 37.9116 18.1429C38.8304 18.1429 39.4303 17.6766 39.8921 16.9799L41.7637 14.254H49.3818L50.4032 16.9799C50.6495 17.6766 51.1065 18.1429 52.0253 18.1429C53.1857 18.1429 54.1179 17.3792 54.2726 16.3799C54.3113 16.1159 54.2584 15.7872 54.1874 15.5515L49.2302 2.0633Z" fill="#00ACFF"/>
1635                <path fill-rule="evenodd" clip-rule="evenodd" d="M63.7465 4.44035H68.4086C69.389 4.44035 70.3129 3.66786 70.4572 2.72471C70.6008 1.77702 69.9129 1 68.9333 1H55.4012C54.4185 1 53.4977 1.77702 53.3526 2.72471C53.2075 3.66786 53.8992 4.44035 54.8804 4.44035H59.5433L57.7683 16.1191C57.595 17.2307 58.406 18.1429 59.5597 18.1429C60.7182 18.1429 61.8045 17.2307 61.9731 16.1191L63.7465 4.44035Z" fill="#00ACFF"/>
1636                <path fill-rule="evenodd" clip-rule="evenodd" d="M75.4234 6.0131L76.9792 11.2329H72.2146L75.4234 6.0131ZM77.8017 2.0633C77.5128 1.39781 77.1174 1 76.2025 1C75.2852 1 74.7279 1.39781 74.2709 2.0633L65.1236 15.5515C64.9815 15.7872 64.8252 16.1159 64.7834 16.3799C64.6287 17.3792 65.3209 18.1429 66.4869 18.1429C67.3994 18.1429 68.0032 17.6766 68.4666 16.9799L70.3327 14.254H77.9533L78.9748 16.9799C79.2226 17.6766 79.6781 18.1429 80.5946 18.1429C81.7557 18.1429 82.6864 17.3792 82.8443 16.3799C82.8829 16.1159 82.8285 15.7872 82.759 15.5515L77.8017 2.0633Z" fill="#00ACFF"/>
1637                <path fill-rule="evenodd" clip-rule="evenodd" d="M92.3163 4.44035H96.9791C97.9596 4.44035 98.8869 3.66786 99.0288 2.72471C99.1716 1.77702 98.4837 1 97.5023 1H83.9721C82.9892 1 82.0667 1.77702 81.9239 2.72471C81.7796 3.66786 82.466 4.44035 83.4481 4.44035H88.1117L86.3364 16.1191C86.1686 17.2307 86.975 18.1429 88.1336 18.1429C89.2907 18.1429 90.3724 17.2307 90.5411 16.1191L92.3163 4.44035Z" fill="#00ACFF"/>
1638                <path fill-rule="evenodd" clip-rule="evenodd" d="M114.539 3.89011C114.935 3.45588 115.15 3.15773 115.217 2.69228C115.36 1.73015 114.764 1 113.626 1C112.855 1 112.413 1.26395 111.938 1.76286L106.413 7.64568L102.622 1.76286C102.351 1.32938 101.931 1 101.159 1C100.019 1 99.2072 1.73015 99.0663 2.69228C98.9973 3.15773 99.1225 3.45588 99.3932 3.89011L103.907 11.0005L103.149 16.1502C102.986 17.2454 103.757 18.1429 104.864 18.1429C105.971 18.1429 107.004 17.2454 107.168 16.1502L107.926 11.0005L114.539 3.89011Z" fill="#00ACFF"/>
1639                <path fill-rule="evenodd" clip-rule="evenodd" d="M128.288 6.29593C128.15 7.24441 127.331 8.25405 125.75 8.25405H120.44L121.011 4.34158H126.322C127.902 4.34158 128.426 5.35349 128.288 6.29593ZM119.952 11.5956H124.727C129.532 11.5956 131.889 9.26974 132.316 6.3352C132.746 3.39838 131.079 1 126.272 1H119.48C118.371 1 117.331 1.90997 117.168 3.02383L115.26 16.1198C115.097 17.23
163914 115.873 18.1429 116.983 18.1429C118.093 18.1429 119.133 17.2314 119.294 16.1198L119.952 11.5956Z" fill="#00ACFF"/>
1640                <path fill-rule="evenodd" clip-rule="evenodd" d="M138.252 11.1818H143.009C143.985 11.1818 144.9 10.3931 145.04 9.43486C145.182 8.472 144.503 7.68329 143.527 7.68329H138.77L139.242 4.49471H147.474C148.446 4.49471 149.362 3.70984 149.505 2.75157C149.647 1.78871 148.966 1 147.992 1H137.677C136.53 1 135.454 1.92451 135.287 3.05539L133.355 16.0844C133.191 17.216 133.99 18.1429 135.139 18.1429H145.867C146.843 18.1429 147.759 17.3565 147.902 16.3913C148.041 15.4346 147.36 14.6466 146.386 14.6466H137.736L138.252 11.1818Z" fill="#00ACFF"/>
1641                <path fill-rule="evenodd" clip-rule="evenodd" d="M14.8389 8.56811H8.41742C7.45207 8.56811 6.55439 9.32697 6.41199 10.2618C6.26959 11.1974 6.94069 11.9563 7.90524 11.9563H14.3259C15.2944 11.9563 16.1913 11.1974 16.3313 10.2618C16.4737 9.32697 15.8042 8.56811 14.8389 8.56811ZM15.9513 1.19287H2.02193C1.05738 1.19287 0.160481 1.95325 0.0188659 2.88887C-0.122749 3.82601 0.548348 4.58563 1.5129 4.58563H15.4431C16.4076 4.58563 17.303 3.82601 17.4454 2.88887C17.5838 1.95325 16.9175 1.19287 15.9513 1.19287Z" fill="#1AE4FD"/>
1642            </svg>
1643            </a>
1644        <button id="mobile-nav-toggle" class="absolute w-[1.875rem] h-[1.875rem] z-[100] -top-[6px] right-0 px-1 py-1 lgxs:hidden" type="button" aria-label="Кнопка мобільної навігації">
1645        <span class="toggler block relative w-full h-full pointer-events-none">
1646            <span class="block absolute h-[3px] w-full rounded-sm bg-icon-primary dark:bg-icon-dark-primary opacity-1 left-0 pointer-events-none"></span>
1647            <span class="block absolute h-[3px] w-full rounded-sm bg-icon-primary dark:bg-icon-dark-primary opacity-1 left-0 pointer-events-none"></span>
1648            <span class="block absolute h-[3px] w-full rounded-sm bg-icon-primary dark:bg-icon-dark-primary opacity-1 left-0 pointer-events-none"></span>
1649            <span class="block absolute h-[3px] w-full rounded-sm bg-icon-primary dark:bg-icon-dark-primary opacity-1 left-0 pointer-events-none"></span>
1650        </span>
1651    </button>
1652    <div class="navbar-nav lgxs:w-full lgxs:flex lgxs:justify-center">
1653        <div id="navbarMenu" class="max-h-[calc(100%-180px)] rounded-b-md overflow-y-auto pb-2 relative z-50 bg-white dark:bg-black lgxs:py-0 lgxs:static lgxs:rounded-none lgxs:bg-transparent dark:lgxs:bg-transparent lgxs:max-h-none lgxs:overflow-y-visible duration-300 transition-colors">
1654            <nav class="mx-2 lgxs:mx-0">
1655                <ul class="text-txt-primary dark:text-txt-dark-primary lgxs:flex lgxs:font-bold">
1656                    <li class="active">
1657                        <a id="typing-tutor-link" href="/signup/?redirect_url=progress" class="navbar-item py-2 px-3 block rounded-sm hover:bg-bg-secondary dark:hover:bg-bg-dark-secondary lgxs:btn-on-hover">Тренажер</a>
1658                    </li>
1659                    <li class="">
1660                        <a data-course-lang="true" href="/typing-test/" class="navbar-item py-2 px-3 block rounded-sm hover:bg-bg-secondary dark:hover:bg-bg-dark-secondary lgxs:btn-on-hover">Тестування</a>
1661                    </li>
1662                    <li class="">
1663                        <a data-course-lang="true" href="/typing-tips/" class="navbar-item py-2 px-3 block rounded-sm hover:bg-bg-secondary dark:hover:bg-bg-dark-secondary lgxs:btn-on-hover">Поради з друку</a>
1664                    </li>
1665                    <li class="">
1666                        <a data-course-lang="true" href="/typing-games/" class="navbar-item py-2 px-3 block rounded-sm hover:bg-bg-secondary dark:hover:bg-bg-dark-secondary lgxs:btn-on-hover">Ігри</a>
1667                    </li>
1668                </ul>
1669                <hr class="my-1 border-t-2 border-brd-primary dark:border-brd-dark-primary lgxs:hidden">
1670            </nav>
1671            <div class="lgxs:absolute lgxs:top-0 lgxs:right-0 dropdown">
1672                                    <button class="hidden dropdown-toggle btn-on-hover font-bold lgxs:flex lgxs:ml-auto" type="button" data-bs-toggle="dropdown" data-bs-display="static" aria-expanded="false">
1673                        <span class="block mr-2 text-txt-primary dark:text-txt-dark-primary">Агов! Вхід</span>
1674                        <svg class="shrink-0" width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
1675                            <circle cx="15" cy="15" r="15" fill="#1AE4FD"/>
1676                            <circle cx="1.42855" cy="1.42855" r="1.42855" transform="matrix(-1 0 0 1 9.85706 11)" fill="#174258"/>
1677                            <circle cx="1.42855" cy="1.42855" r="1.42855" transform="matrix(-1 0 0 1 22.9996 11)" fill="#174258"/>
1678                            <path fill-rule="evenodd" clip-rule="evenodd" d="M9.51947 15.9368C9.71214 15.5925 10.1474 15.4697 10.4916 15.6623C12.4244 16.7442 13.8211 17.2182 15.1409 17.2145C16.4582 17.2107 17.8061 16.7306 19.6418 15.6675C19.9831 15.4698 20.4201 15.5863 20.6178 15.9277C20.8155 16.269 20.699 16.706 20.3577 16.9037C18.4399 18.0144 16.8317 18.6382 15.145 18.643C13.4608 18.6478 11.8057 18.035 9.79388 16.9089C9.44965 16.7162 9.32679 16.281 9.51947 15.9368Z" fill="#174258"/>
1679                        </svg>
1680                    </button>
1681                    <ul class="dropdown-menu lgxs:!mt-2 lgxs:p-2 lgxs:rounded-sm text-txt-primary dark:text-txt-dark-primary lgxs:bg-white lgxs:dark:bg-black lgxs:shadow-dropdown dark:lgxs:shadow-dropdown-dark lgxs:focus:outline-none">
1682                        <li class="lgxs:hidden">
1683                            <span class="px-3 py-2 flex items-center">
1684                                <svg class="mr-2 shrink-0" width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
1685                                <circle cx="15" cy="15" r="15" fill="#1AE4FD"/>
1686                                <circle cx="1.42855" cy="1.42855" r="1.42855" transform="matrix(-1 0 0 1 9.85706 11)" fill="#174258"/>
1687                                <circle cx="1.42855" cy="1.42855" r="1.42855" transform="matrix(-1 0 0 1 22.9996 11)" fill="#174258"/>
1688                                <path fill-rule="evenodd" clip-rule="evenodd" d="M9.51947 15.9368C9.71214 15.5925 10.1474 15.4697 10.4916 15.6623C12.4244 16.7442 13.8211 17.2182 15.1409 17.2145C16.4582 17.2107 17.8061 16.7306 19.6418 15.6675C19.9831 15.4698 20.4201 15.5863 20.6178 15.9277C20.8155 16.269 20.699 16.706 20.3577 16.9037C18.4399 18.0144 16.8317 18.6382 15.145 18.643C13.4608 18.6478 11.8057 18.035 9.79388 16.9089C9.44965 16.7162 9.32679 16.281 9.51947 15.9368Z" fill="#174258"/>
1689                                </svg>
1690                                Агов! Увійти
1691                            </span>
1692                        </li>
1693                        <li><a href="/login/" data-evca="header-login" class="px-3 py-2 block rounded-sm hover:bg-bg-secondary dark:hover:bg-bg-dark-secondary lgxs:whitespace-nowrap">Увійти</a></li>
1694                        <li><a href="/signup/" data-evca="header-signup" class="px-3 py-2 block rounded-sm hover:bg-bg-secondary dark:hover:bg-bg-dark-secondary lgxs:whitespace-nowrap">Зареєструватися</a></li>
1695                    </ul>
1696                            </div>
1697        </div>
1698    </div>
1699    <div class="navbar-nav-overlay lgxs:hidden"></div>
1700</div>
1701    </header>
1702
1703<main id="main" class="flex-auto text-txt-primary dark:text-txt-dark-primary prose overflow-x-hidden">
1704            <div class="mx-auto pt-7 px-4 max-w-screen-container-xl md:px-6">
1705                    <img src="/static/img/mascots/cap-typing.svg" alt="Cap typing" width="640" height="200" fetchpriority="high" class="md:hidden mx-auto mb-4 md:mb-6">
1706            <div class="hidden md:block w-full max-w-[640px] h-[200px] mb-4 md:mb-6 mx-auto" id="lottie-container"></div>
1707            <h1 class="text-center">Друкуй швидше</h1>
1708                <div class="max-w-container-small mx-auto mb-6 md:mb-8">
1709                            <p class="text-center font-semibold text-txt-secondary dark:text-txt-dark-secondary text-large-xs md:text-large">Навчися швидко друкувати з клавіатурним тренажером Ratatype. Використовуй наші уроки сліпого друку.</p>
1710                <div class="md:flex md:justify-center">
1711                    <div class="p-4 bg-bg-secondary dark:bg-bg-dark-secondary rounded-md md:flex md:items-center">
1712                        <div class="text-center md:text-left">
1713                            <a href="/signup/?redirect_url=progress" class="btn btn-primary">Розпочати навчання</a>
1714                        </div>
1715                        <div class="mt-4 text-center md:mt-0 md:ml-4 md:text-left">
1716                            <a href="/typing-test/" class="btn btn-secondary ">Пройти тест</a>
1717                        </div>
1718                    </div>
1719                </div>
1720                    </div>
1721                    <section class="p-4 pr-[100px] md:pr-[200px] lgxl:pr-0 md:p-7 bg-blue-light dark:bg-blue-dark-light -mx-4 mb-8 md:mb-[80px] md:mx-0 md:rounded-xl">
1722    <div class="flex flex-col gap-y-3 lgxl:flex-row md:gap-x-7">
1723        <div class="relative z-10 lgxl:order-2 md:flex-1 w-[calc(100%+80px)] md:w-full">
1724            <h2 class="h3 text-txt-primary">Твої руці в шкидкодруці</h2>
1725            <p class="text-txt-secondary">Розкрий свій потенціал — друкуй так, наче на тебе дивиться весь світ! Навчайся, грай, отримуй сертифікат друку, і тоді РАТАТАТА!</p>
1726        </div>
1727
1728        <div class="w-full h-full max-w-[344px] lgxl:order-1 md:h-auto md:max-w-[626px] grid [grid-template-areas:'stack']">
1729                            <button class="block md:hidden relative aspect-[230/230] overflow-hidden w-full h-full rounded-lg [grid-area:stack] cursor-pointer"
1730                        type="button"
1731                        data-bs-toggle="modal"
1732                        data-bs-target="#ytModal-m-WbHabMf5-Lo">
1733                    <img src="/static/img/video-clips/main-uk.webp" alt="" aria-hidden="true" width="1280" height="720" class="absolute inset-0 w-full h-full object-cover object-right">
1734                    <div class="absolute inset-0 bg-state-control-primary dark:bg-state-dark-control-primary opacity-30"></div>
1735                    <span class="btn btn-primary btn-with-icon relative z-10 pointer-events-none">
1736                        Дивитися відео
1737                        <img class="ml-1 w-[24px] h-[24px]" src="/static/img/icons/play.svg" alt="" width="24" height="24" aria-hidden="true">
1738                    </span>
1739                </button>
1740
1741                <button class="hidden md:flex items-center justify-center relative aspect-video overflow-hidden w-full h-full rounded-lg [grid-area:stack] cursor-pointer"
1742                        type="button"
1743                        data-bs-toggle="modal"
1744                        data-bs-target="#ytModal-WbHabMf5-Lo">
1745                    <img src="/static/img/video-clips/main-uk.webp" alt="" aria-hidden="true" width="1280" height="720" class="absolute inset-0 w-full h-full object-cover object-center">
1746                    <div class="absolute inset-0 bg-state-control-primary dark:bg-state-dark-control-primary opacity-30"></div>
1747                    <span class="btn btn-primary btn-with-icon relative z-10 pointer-events-none">
1748                        Дивитися відео
1749                        <img class="ml-1 w-[24px] h-[24px] md:w-[30px] md:h-[30px]" src="/static/img/icons/play.svg" alt="" width="30" height="30" aria-hidden="true">
1750                    </span>
1751                </button>
1752                        <svg class="h-auto overflow-visible w-[100px] min-[600px]:w-[200px] [grid-area:stack] self-end justify-self-end translate-x-[90px] translate-y-[27px] min-[600px]:translate-x-[182px] min-[600px]:translate-y-[34px] md:translate-y-[54px]"
1753                 width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
1754                <path d="M126.229 40.1784L129.621 76.5333C129.938 79.8409 132.127 82.6268 135.233 83.7535L169.568 96.3035C176.839 98.975 177.18 109.147 170.055 112.197L136.514 126.56C133.463 127.807 131.518 130.772 131.411 134.062L130.046 170.52C129.809 178.272 120.219 181.669 115.05 175.865L90.8637 148.51C88.6866 146.049 85.226 145.032 82.0638 145.925L46.9254 155.854C39.4385 157.941 33.3079 149.925 37.2027 143.248L55.8416 111.971C57.5308 109.146 57.3993 105.571 55.6058 102.901L35.1901 72.582C30.8461 66.1629 36.6347 57.7914 44.1952 59.4764L79.8632 67.4892C83.0851 68.2213 86.4331 67.0618 88.4888 64.4512L111.003 35.7057C115.671 29.6839 125.46 32.5592 126.229 40.1784Z" fill="#FFCC00"/>
1755                <path d="M88.2207 97.4684C88.2207 97.4684 90.7878 102.391 98.1757 104.562C104.508 106.422 109.329 103.669 109.329 103.669" stroke="#4C5052" stroke-width="2" stroke-linecap="round"/>
1756                <circle cx="88.6035" cy="85.9481" r="3" fill="#4C5052"/>
1757                <circle cx="114.508" cy="93.5577" r="3" fill="#4C5052"/>
1758                <path id="right-hand" class="[transform-box:fill-box] origin-[0%_80%] animate-wave-hand" d="M141.368 116.142C144.235 119.359 151.369 125.795 156.962 125.795C163.952 125.795 173.093 115.069 174.169 113.46C175.244 111.851 173.631 105.952 174.706 104.88C175.782 103.807 177.933 108.097 179.008 108.097C180.084 108.097 188.149 100.589 189.225 99.5168C190.3 98.4443 192.451 97.3717 192.989 98.4443C193.419 99.3023 189.942 104.522 188.149 107.025C190.3 104.165 195.032 99.0878 196.753 101.662C198.474 104.236 193.527 109.885 190.838 112.388C192.989 110.242 197.398 106.167 197.829 107.025C198.259 107.883 194.781 113.46 192.989 116.142C194.064 114.533 196.538 111.53 197.829 112.388C199.442 113.46 189.225 127.404 185.999 130.621C182.772 133.839 170.95 151 152.122 151C141.368 151 130.434 143.313 129 139.202" stroke="#4C5052" stroke-width="2" stroke-linecap="round"/>
1759                <path d="M52.4943 85.2667C43.8506 83.3111 26.3471 79.1867 25.4828 78.3333C24.4023 77.2667 24.9425 65.5333 19 65M19 97.5333C20.8008 99.4889 25.3747 103.613 29.2644 104.467C33.154 105.32 55.3755 110.511 66 113" stroke="#4C5052" stroke-width="2" stroke-linecap="round"/>
1760                <path d="M60.7111 141L38 185M86.1259 145.889L67.2 185M111 154.58L94.7778 185" stroke="#4C5052" stroke-width="2" stroke-linecap="round"/>
1761            </svg>
1762        </div>
1763    </div>
1764</section>
1765
1766<div class="modal fade" id="ytModal-WbHabMf5-Lo" tabindex="-1" aria-hidden="true">
1767    <div class="modal-dialog modal-dialog-centered mx-auto" style="max-width: 960px; width: calc(100% - 2rem)">
1768        <div class="modal-content bg-transparent border-0 shadow-none my-auto">
1769            <div class="relative pt-10">
1770                <button class="absolute top-0 right-0 z-10 w-8 h-8 flex items-center justify-center bg-white rounded-full shadow-md hover:bg-grey-light transition-colors"
1771                        type="button" data-bs-dismiss="modal" aria-label="Close">
1772                    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true">
1773                        <path d="M13 3L3 13M3 3L13 13" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"/>
1774                    </svg>
1775                </button>
1776                <div class="rounded-sm overflow-hidden">
1777                    <div class="aspect-video">
1778                        <iframe class="w-full h-full border-0 block"
1779                                src="https://www.youtube-nocookie.com/embed/WbHabMf5-Lo?rel=0&playsinline=1&enablejsapi=1"
1780                                title="Твої руці в шкидкодруці"
1781                                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
1782                                allowfullscreen>
1783                        </iframe>
1784                    </div>
1785                </div>
1786            </div>
1787        </div>
1788    </div>
1789</div>
1790
1791<div class="modal fade" id="ytModal-m-WbHabMf5-Lo" tabindex="-1" aria-hidden="true">
1792    <div class="modal-dialog modal-dialog-centered mx-auto" style="max-width: min(90vw, 380px);">
1793        <div class="modal-content bg-transparent border-0 shadow-none my-auto">
1794            <div class="relative pt-10">
1795                <button class="absolute top-0 right-0 z-10 w-8 h-8 flex items-center justify-center bg-white rounded-full shadow-md hover:bg-grey-light transition-colors"
1796                        type="button" data-bs-dismiss="modal" aria-label="Close">
1797                    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true">
1798                        <path d="M13 3L3 13M3 3L13 13" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"/>
1799                    </svg>
1800                </button>
1801                <div class="rounded-xl overflow-hidden">
1802                    <div class="aspect-[9/16]">
1803                        <iframe class="w-full h-full border-0 block"
1804                                src="https://www.youtube-nocookie.com/embed/CPs9Ss3w9rg?rel=0&playsinline=1&enablejsapi=1"
1805                                title="Твої руці в шкидкодруці"
1806                                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
1807                                allowfullscreen>
1808                        </iframe>
1809                    </div>
1810                </div>
1811            </div>
1812        </div>
1813    </div>
1814</div>
1815
1816
1817
1818                <section class="mb-6 md:mb-8">
1819            <div class="md:flex md:-mx-3">
1820                <div class="text-center md:w-3/6 md:px-3 md:text-left">
1821                    <h2>Проходь тест на швидкість</h2>
1822                    <p>Дізнайся свою швидкість друку та здивуй друзів або керівництво отриманим сертифікатом.</p>
1823                    <a href="/typing-test/" class="btn btn-secondary ">Отримати сертифікат</a>
1824                </div>
1825                <div class="flex justify-center md:justify-end md:items-start md:w-3/6 md:px-3">
1826                    <div class="relative ml-[60px] md:ml-0">
1827                        <img src="/static/img/mascots/ms-lightning-dark.svg" alt="Отримати сертифікат" width="100" height="100" class="absolute bottom-0 -left-[75px] w-[100px] md:-bottom-[5px] md:w-[150px] lg:-bottom-[10px] lg:-left-[125px] lg:w-[215px]">
1828                        <img src="/static/img/home/certs/uk.webp?v=2" alt="Отримати сертифікат" width="860" height="488" class="mt-5 mx-auto w-auto max-h-[122px] md:max-h-[244px] md:mt-2 md:mr-0" fetchpriority="high">
1829                    </div>
1830                </div>
1831            </div>
1832        </section>
1833        <div class="mb-6 md:mb-8">
1834            <div class="flex justify-center">
1835                <div id="div-gpt-ad-1_home_page_below_test" class="" style="text-align: center; min-width: 320px; min-height: 90px;"></div>
1836                
1836<script>
1837                    googletag.cmd.push(function() { googletag.display("div-gpt-ad-1_home_page_below_test"); });
1838                </script>
1838
1839            </div>
1840        </div>
1841        <section class="bg-indigo dark:bg-indigo-dark-default -mx-4 mb-6 md:mx-0 md:mb-8 md:rounded-xl">
1842            <div class="md:flex md:-mx-3">
1843                <div class="md:w-3/6 md:px-3">
1844                    <img src="/static/img/mascots/ms-starky-dark.svg" width="300" height="300" alt="Навчитись друкувати наосліп" class="mx-auto w-[200px] md:w-auto">
1845                </div>
1846                <div class="md:w-3/6 md:px-3">
1847                    <div class="p-4 text-center md:p-8 md:pl-0 md:text-left">
1848                        <h2 class="text-txt-primary-on-bg dark:text-txt-dark-primary-on-bg">Навчитись друкувати наосліп</h2>
1849                        <p class="text-txt-secondary-on-bg dark:text-white">Прискорюй прогрес навчання сліпому друку з клавіатурним тренажером Ratatype та розвинь навички набору тексту!</p>
1850                        <a href="/learn/" class="btn btn-secondary">Подивитись поради</a>
1851                    </div>
1852                </div>
1853            </div>
1854        </section>
1855        <section class="mb-6 text-center md:mb-8">
1856            <div class="md:flex md:-mx-3">
1857                <div class="flex flex-col justify-between md:w-3/6 md:px-3">
1858                    <div class="flex mb-4 min-h-[6.25rem]">
1859                        <img src="/static/img/mascots/ms-target-direction-dark.svg" alt="Знайди свій курс" width="100" height="100" class="mx-auto">
1860                    </div>
1861                    <h2>Практика набору тексту</h2>
1862                    <p>Українська, англійська, іспанська та навіть французька! На Ratatype є курси на будь-який смак.</p>
1863                    <a href="/courses/" class="btn btn-secondary w-fit mx-auto">Вибрати курс</a>
1864                </div>
1865                <div class="flex flex-col justify-between md:w-3/6 md:px-3">
1866                    <div class="flex items-end mb-4 min-h-[6.25rem]">
1867                        <img src="/static/img/learn/game-mode/acaca.svg" alt="Друкуй в режимі гри" width="220" height="100" class="mx-auto">
1868                    </div>
1869                    <h2>Друкуй в режимі гри</h2>
1870                    <p>Вчись друкувати в режимі гри: заробляй монети, купуй нових героїв. Весело і ефективно!</p>
1871                    <a href="/learn/gamemode/?gameMode=on" class="btn btn-secondary w-fit mx-auto">Почати в режимі гри</a>
1872                </div>
1873            </div>
1874        </section>
1875        <section class="mb-6 text-center md:mb-8">
1876            <div class="md:flex md:-mx-3">
1877                <div class="flex flex-col justify-between md:w-3/6 md:px-3">
1878                    <div class="flex mb-4 min-h-[6.25rem]">
1879                        <img src="/static/img/icons/keys.svg" alt="Друкуй в режимі гри" width="120" height="100" class="mx-auto">
1880                    </div>
1881                    <h2>Перевірка клавіатури</h2>
1882                    <p>Перевір функціональність клавіатури онлайн за допомогою інструменту перевірки клавіатури. Перевір кожну клавішу своєї клавіатури за допомогою нашого безкоштовного тесту.</p>
1883                    <a href="/keyboard-test/" class="btn btn-secondary w-fit mx-auto mt-auto">Перевірити клавіатуру</a>
1884                </div>
1885                <div class="flex flex-col justify-between md:w-3/6 md:px-3">
1886                    <div class="flex mb-4 min-h-[6.25rem] relative">
1887                        <img src="/static/img/mascots/ms-target-search.svg" alt="Кількість символів та слів" width="100" height="100"  class="mx-auto">
1888                    </div>
1889                    <h2>Кількість символів та слів</h2>
1890                    <p>Потрібно швидко порахувати слова чи символи? Використовуй наш онлайн-лічильник слів! Незалежно від того, чи пишеш ти есе, пости в блогах чи звіти, наш онлайн-лічильник слів ідеально підходить для перевірки за лічені секунди.</p>
1891                    <a href="/word-counter/" class="btn btn-secondary w-fit mx-auto mt-auto">Порахувати кількість символів</a>
1892                </div>
1893            </div>
1894        </section>
1895        <section class="mb-6 md:mb-8">
1896            <h2 class="text-center">Ігри</h2>
1897            <div class="flex flex-col md:flex-row gap-x-6 gap-y-3 typing-game-card-wrapper">
1898    <div data-game="ratashooter" class="group typing-game-card relative flex flex-col items-center px-7 py-6 md:py-8 rounded-xl bg-bg-secondary dark:bg-bg-dark-secondary w-full">
1899        <a href="/typing-games/shooter/" class="absolute inset-0 rounded-xl not-prose" aria-label="Раташутер"></a>
1900        <img src="/static/img/ratashooter/main.svg" alt="ratashooter" class="mb-2 pointer-events-none" width="240" height="100">
1901        <h3 class="text-base-h text-center pointer-events-none">Раташутер</h3>
1902        <a class="relative btn btn-primary text-center min-w-[200px] group-hover:-translate-y-[2px] md:group-hover:-translate-y-[2px] group-hover:shadow-btn-yellow-hover dark:group-hover:shadow-btn-yellow-dark-default-hover" href="/typing-games/shooter/" tabindex="-1" aria-hidden="true">Грати</a>
1903    </div>
1904    <div data-game="ratarace" class="group typing-game-card relative flex flex-col items-center px-7 py-6 md:py-8 rounded-xl bg-bg-secondary dark:bg-bg-dark-secondary w-full">
1905        <a href="/typing-games/race/" class="absolute inset-0 rounded-xl not-prose" aria-label="Ратагони"></a>
1906        <img src="/static/img/typing-race/main.svg" alt="ratarace" class="mb-2 pointer-events-none" width="240" height="100">
1907        <h3 class="text-base-h text-center pointer-events-none">Ратагони</h3>
1908        <a class="relative btn btn-primary text-center min-w-[200px] group-hover:-translate-y-[2px] md:group-hover:-translate-y-[2px] group-hover:shadow-btn-yellow-hover dark:group-hover:shadow-btn-yellow-dark-default-hover" href="/typing-games/race/" tabindex="-1" aria-hidden="true">Грати</a>
1909    </div>
1910</div>
1911        </section>
1912        <section class="bg-green-dark dark:bg-green-dark-dark -mx-4 mb-6 pt-4 md:mx-0 md:mb-8 md:pt-0 md:rounded-xl">
1913            <div class="md:flex md:-mx-3">
1914                <div class="md:w-3/6 md:px-3 md:order-2 md:self-end">
1915                    <img src="/static/img/mascots/cap-teacher.svg" alt="Для вчителів" width="320" height="200" class="mx-auto w-[320px] md:w-full md:-mt-8 md:-ml-4 lg:max-w-none">
1916                </div>
1917                <div class="md:w-3/6 md:px-3 md:order-1">
1918                    <div class="p-4 text-center md:p-8 md:pr-0 md:text-left">
1919                        <h2 class="text-txt-primary-on-bg dark:text-txt-dark-primary-on-bg">Для вчителів</h2>
1920                        <p class="text-txt-secondary-on-bg dark:text-white">Якщо ви бажаєте навчити своїх учнів сліпому друку, то можете зробити це з Ratatype просто та абсолютно безкоштовно.</p>
1921                        <p class="text-txt-secondary-on-bg dark:text-white">Увійдіть в обліковий запис, синхронізуйте всі свої класи та учнів з <a href="/learn/teachers/classroom/">Google Classroom</a>.</p>
1922                        <a href="/learn/teachers/" class="btn btn-primary">Дізнатися більше</a>
1923                    </div>
1924                </div>
1925            </div>
1926        </section>
1927                    <section class="max-w-container-small mx-auto mb-6 md:mb-8">
1928                <h2 class="h3">Популярні проблеми та поради про друкування наосліп</h2>
1929                <ul id="accordionFAQ" class="border-b-2 border-solid border-brd-primary dark:border-brd-dark-primary">
1930                                            <li class="border-t-2 border-solid border-brd-primary dark:border-brd-dark-primary">
1931                            <button class="py-3 w-full flex justify-between text-left rounded-sm hover:underline md:py-4 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-7" aria-expanded="false" aria-controls="collapse-7">
1932                                <span class="h4 mb-0">Як пройти урок з великими літерами без Caps Lock?</span>
1933                                <svg class="ml-4 shrink-0 w-auto h-[25px] md:h-[30px]" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
1934                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M25.0607 9.43934C25.6464 10.0251 25.6464 10.9749 25.0607 11.5607L15 21.6214L4.93927 11.5607C4.35348 10.9749 4.35348 10.0251 4.93927 9.43934C5.52505 8.85355 6.4748 8.85355 7.06059 9.43934L15 17.3787L22.9393 9.43934C23.5251 8.85355 24.4749 8.85355 25.0607 9.43934Z" class="fill-icon-primary dark:fill-icon-dark-primary"/>
1935                                </svg>
1936                            </button>
1937                            <div id="collapse-7" class="collapse">
1938                                <div class="mt-3 md:mt-4"><p><img src="/upload/faq/13.11.03.39_23.webp" /></p>
1939<p><span data-sheets-value="\&quot;{&quot;1&quot;:2,&quot;2&quot;:&quot;Для" data-sheets-userformat="\&quot;{&quot;2&quot;:11137,&quot;3&quot;:{&quot;1&quot;:0},&quot;10&quot;:0,&quot;11&quot;:4,&quot;12&quot;:0,&quot;14&quot;:{&quot;1&quot;:2,&quot;2&quot;:0},&quot;16&quot;:10}\&quot;">Неправильно проходити ці вправи за допомогою клавіші Caps Lock. Так набагато зручніше, але це не допоможе навчитися друкувати швидше.</span></p>
1940<p><span data-sheets-value="\&quot;{&quot;1&quot;:2,&quot;2&quot;:&quot;Для" data-sheets-userformat="\&quot;{&quot;2&quot;:11137,&quot;3&quot;:{&quot;1&quot;:0},&quot;10&quot;:0,&quot;11&quot;:4,&quot;12&quot;:0,&quot;14&quot;:{&quot;1&quot;:2,&quot;2&quot;:0},&quot;16&quot;:10}\&quot;">Для цього потрібно використовувати клавішу Shift. Вона завжди натискається мізинцем руки, що не друкує. Якщо потрібно, ти можеш <a href="/learn/" target="_blank" rel="noopener">дізнатися більше деталей про навички друку</a>.</span></p></div>
1941                            </div>
1942                        </li>
1943                                            <li class="border-t-2 border-solid border-brd-primary dark:border-brd-dark-primary">
1944                            <button class="py-3 w-full flex justify-between text-left rounded-sm hover:underline md:py-4 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-12" aria-expanded="false" aria-controls="collapse-12">
1945                                <span class="h4 mb-0">Що означають нагороди у вправах (зірочка, мішень, блискавка)?</span>
1946                                <svg class="ml-4 shrink-0 w-auto h-[25px] md:h-[30px]" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
1947                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M25.0607 9.43934C25.6464 10.0251 25.6464 10.9749 25.0607 11.5607L15 21.6214L4.93927 11.5607C4.35348 10.9749 4.35348 10.0251 4.93927 9.43934C5.52505 8.85355 6.4748 8.85355 7.06059 9.43934L15 17.3787L22.9393 9.43934C23.5251 8.85355 24.4749 8.85355 25.0607 9.43934Z" class="fill-icon-primary dark:fill-icon-dark-primary"/>
1948                                </svg>
1949                            </button>
1950                            <div id="collapse-12" class="collapse">
1951                                <div class="mt-3 md:mt-4"><p><img src="/upload/faq/13.11.03.18_7.webp" /></p>
1952<p><span data-sheets-value="\&quot;{&quot;1&quot;:2,&quot;2&quot;:&quot;За" data-sheets-userformat="\&quot;{&quot;2&quot;:11137,&quot;3&quot;:{&quot;1&quot;:0},&quot;10&quot;:0,&quot;11&quot;:4,&quot;12&quot;:0,&quot;14&quot;:{&quot;1&quot;:2,&quot;2&quot;:0},&quot;16&quot;:10}\&quot;">За кожну вправу можна отримати нагороди:</span></p>
1953<ul>
1954<li><span data-sheets-value="\&quot;{&quot;1&quot;:2,&quot;2&quot;:&quot;За" data-sheets-userformat="\&quot;{&quot;2&quot;:11137,&quot;3&quot;:{&quot;1&quot;:0},&quot;10&quot;:0,&quot;11&quot;:4,&quot;12&quot;:0,&quot;14&quot;:{&quot;1&quot;:2,&quot;2&quot;:0},&quot;16&quot;:10}\&quot;">Зірочку &mdash; за проходження вправи.</span></li>
1955<li><span data-sheets-value="\&quot;{&quot;1&quot;:2,&quot;2&quot;:&quot;За" data-sheets-userformat="\&quot;{&quot;2&quot;:11137,&quot;3&quot;:{&quot;1&quot;:0},&quot;10&quot;:0,&quot;11&quot;:4,&quot;12&quot;:0,&quot;14&quot;:{&quot;1&quot;:2,&quot;2&quot;:0},&quot;16&quot;:10}\&quot;">Мішень &mdash; за проходження вправи без помилок.</span></li>
1956<li><span data-sheets-value="\&quot;{&quot;1&quot;:2,&quot;2&quot;:&quot;За" data-sheets-userformat="\&quot;{&quot;2&quot;:11137,&quot;3&quot;:{&quot;1&quot;:0},&quot;10&quot;:0,&quot;11&quot;:4,&quot;12&quot;:0,&quot;14&quot;:{&quot;1&quot;:2,&quot;2&quot;:0},&quot;16&quot;:10}\&quot;">Блискавку &mdash; за хорошу швидкість (вона може відрізнятися в різних вправах).</span></li>
1957</ul></div>
1958                            </div>
1959                        </li>
1960                                            <li class="border-t-2 border-solid border-brd-primary dark:border-brd-dark-primary">
1961                            <button class="py-3 w-full flex justify-between text-left rounded-sm hover:underline md:py-4 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-2" aria-expanded="false" aria-controls="collapse-2">
1962                                <span class="h4 mb-0">Як пропустити вправу або урок?</span>
1963                                <svg class="ml-4 shrink-0 w-auto h-[25px] md:h-[30px]" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
1964                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M25.0607 9.43934C25.6464 10.0251 25.6464 10.9749 25.0607 11.5607L15 21.6214L4.93927 11.5607C4.35348 10.9749 4.35348 10.0251 4.93927 9.43934C5.52505 8.85355 6.4748 8.85355 7.06059 9.43934L15 17.3787L22.9393 9.43934C23.5251 8.85355 24.4749 8.85355 25.0607 9.43934Z" class="fill-icon-primary dark:fill-icon-dark-primary"/>
1965                                </svg>
1966                            </button>
1967                            <div id="collapse-2" class="collapse">
1968                                <div class="mt-3 md:mt-4"><p><img src="/upload/faq/15.11.06.58_67.webp" /></p>
1969<p><span data-sheets-value="\&quot;{&quot;1&quot;:2,&quot;2&quot;:&quot;Пропустити" data-sheets-userformat="\&quot;{&quot;2&quot;:11137,&quot;3&quot;:{&quot;1&quot;:0},&quot;10&quot;:0,&quot;11&quot;:4,&quot;12&quot;:0,&quot;14&quot;:{&quot;1&quot;:2,&quot;2&quot;:0},&quot;16&quot;:10}\&quot;">Пропустити вправу або урок неможливо. Потрібно пройти всі уроки повністю, щоб поліпшити швидкість друку.</span><span data-sheets-value="\&quot;{&quot;1&quot;:2,&quot;2&quot;:&quot;Пропустити" data-sheets-userformat="\&quot;{&quot;2&quot;:11137,&quot;3&quot;:{&quot;1&quot;:0},&quot;10&quot;:0,&quot;11&quot;:4,&quot;12&quot;:0,&quot;14&quot;:{&quot;1&quot;:2,&quot;2&quot;:0},&quot;16&quot;:10}\&quot;"></span></p>
1970<p><span>З кожним уроком покращуватиметься м'язова пам'ять і всі твої десять пальців знатимуть, куди натискати.</span></p></div>
1971                            </div>
1972                        </li>
1973                                            <li class="border-t-2 border-solid border-brd-primary dark:border-brd-dark-primary">
1974                            <button class="py-3 w-full flex justify-between text-left rounded-sm hover:underline md:py-4 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-23" aria-expanded="false" aria-controls="collapse-23">
1975                                <span class="h4 mb-0">Які розкладки клавіатури можна тренувати на Ratatype?</span>
1976                                <svg class="ml-4 shrink-0 w-auto h-[25px] md:h-[30px]" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
1977                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M25.0607 9.43934C25.6464 10.0251 25.6464 10.9749 25.0607 11.5607L15 21.6214L4.93927 11.5607C4.35348 10.9749 4.35348 10.0251 4.93927 9.43934C5.52505 8.85355 6.4748 8.85355 7.06059 9.43934L15 17.3787L22.9393 9.43934C23.5251 8.85355 24.4749 8.85355 25.0607 9.43934Z" class="fill-icon-primary dark:fill-icon-dark-primary"/>
1978                                </svg>
1979                            </button>
1980                            <div id="collapse-23" class="collapse">
1981                                <div class="mt-3 md:mt-4"><p><span data-sheets-value="{&quot;1&quot;:2,&quot;2&quot;:&quot;На Ratatype є багато курсів друкування наосліп для різних розкладок клавіатур:\n- англійські (QWERTY, AZERTY, Дворака);\n- іспанська (QWERTY);\n- португальська для Бразилії (QWERTY);\n- німецька (QWERTZ);\n- французька (AZERTY);\n- українська (ЙЦУКЕН);\n- російська (ЙЦУКЕН);\n- італійська (QWERTY).\n\nПовний перелік курсів можна знайти в розділі &laquo;Курси&raquo;.&quot;}" data-sheets-userformat="{&quot;2&quot;:11137,&quot;3&quot;:{&quot;1&quot;:0},&quot;10&quot;:0,&quot;11&quot;:4,&quot;12&quot;:0,&quot;14&quot;:{&quot;1&quot;:2,&quot;2&quot;:0},&quot;16&quot;:10}">На Ratatype є багато курсів друкування наосліп для різних розкладок клавіатур:</span></p>
1982<ul>
1983<li><span data-sheets-value="{&quot;1&quot;:2,&quot;2&quot;:&quot;На Ratatype є багато курсів друкування наосліп для різних розкладок клавіатур:\n- англійські (QWERTY, AZERTY, Дворака);\n- іспанська (QWERTY);\n- португальська для Бразилії (QWERTY);\n- німецька (QWERTZ);\n- французька (AZERTY);\n- українська (ЙЦУКЕН);\n- російська (ЙЦУКЕН);\n- італійська (QWERTY).\n\nПовний перелік курсів можна знайти в розділі &laquo;Курси&raquo;.&quot;}" data-sheets-userformat="{&quot;2&quot;:11137,&quot;3&quot;:{&quot;1&quot;:0},&quot;10&quot;:0,&quot;11&quot;:4,&quot;12&quot;:0,&quot;14&quot;:{&quot;1&quot;:2,&quot;2&quot;:0},&quot;16&quot;:10}">англійські (QWERTY, AZERTY, Дворака);</span></li>
1984<li><span data-sheets-value="{&quot;1&quot;:2,&quot;2&quot;:&quot;На Ratatype є багато курсів друкування наосліп для різних розкладок клавіатур:\n- англійські (QWERTY, AZERTY, Дворака);\n- іспанська (QWERTY);\n- португальська для Бразилії (QWERTY);\n- німецька (QWERTZ);\n- французька (AZERTY);\n- українська (ЙЦУКЕН);\n- російська (ЙЦУКЕН);\n- італійська (QWERTY).\n\nПовний перелік курсів можна знайти в розділі &laquo;Курси&raquo;.&quot;}" data-sheets-userformat="{&quot;2&quot;:11137,&quot;3&quot;:{&quot;1&quot;:0},&quot;10&quot;:0,&quot;11&quot;:4,&quot;12&quot;:0,&quot;14&quot;:{&quot;1&quot;:2,&quot;2&quot;:0},&quot;16&quot;:10}">іспанська (QWERTY);</span></li>
1985<li><span data-sheets-value="{&quot;1&quot;:2,&quot;2&quot;:&quot;На Ratatype є багато курсів друкування наосліп для різних розкладок клавіатур:\n- англійські (QWERTY, AZERTY, Дворака);\n- іспанська (QWERTY);\n- португальська для Бразилії (QWERTY);\n- німецька (QWERTZ);\n- французька (AZERTY);\n- українська (ЙЦУКЕН);\n- російська (ЙЦУКЕН);\n- італійська (QWERTY).\n\nПовний перелік курсів можна знайти в розділі &laquo;Курси&raquo;.&quot;}" data-sheets-userformat="{&quot;2&quot;:11137,&quot;3&quot;:{&quot;1&quot;:0},&quot;10&quot;:0,&quot;11&quot;:4,&quot;12&quot;:0,&quot;14&quot;:{&quot;1&quot;:2,&quot;2&quot;:0},&quot;16&quot;:10}">португальська для Бразилії (QWERTY);</span></li>
1986<li><span data-sheets-value="{&quot;1&quot;:2,&quot;2&quot;:&quot;На Ratatype є багато курсів друкування наосліп для різних розкладок клавіатур:\n- англійські (QWERTY, AZERTY, Дворака);\n- іспанська (QWERTY);\n- португальська для Бразилії (QWERTY);\n- німецька (QWERTZ);\n- французька (AZERTY);\n- українська (ЙЦУКЕН);\n- російська (ЙЦУКЕН);\n- італійська (QWERTY).\n\nПовний перелік курсів можна знайти в розділі &laquo;Курси&raquo;.&quot;}" data-sheets-userformat="{&quot;2&quot;:11137,&quot;3&quot;:{&quot;1&quot;:0},&quot;10&quot;:0,&quot;11&quot;:4,&quot;12&quot;:0,&quot;14&quot;:{&quot;1&quot;:2,&quot;2&quot;:0},&quot;16&quot;:10}">німецька (QWERTZ);</span></li>
1987<li><span data-sheets-value="{&quot;1&quot;:2,&quot;2&quot;:&quot;На Ratatype є багато курсів друкування наосліп для різних розкладок клавіатур:\n- англійські (QWERTY, AZERTY, Дворака);\n- іспанська (QWERTY);\n- португальська для Бразилії (QWERTY);\n- німецька (QWERTZ);\n- французька (AZERTY);\n- українська (ЙЦУКЕН);\n- російська (ЙЦУКЕН);\n- італійська (QWERTY).\n\nПовний перелік курсів можна знайти в розділі &laquo;Курси&raquo;.&quot;}" data-sheets-userformat="{&quot;2&quot;:11137,&quot;3&quot;:{&quot;1&quot;:0},&quot;10&quot;:0,&quot;11&quot;:4,&quot;12&quot;:0,&quot;14&quot;:{&quot;1&quot;:2,&quot;2&quot;:0},&quot;16&quot;:10}">французька (AZERTY);</span></li>
1988<li><span data-sheets-value="{&quot;1&quot;:2,&quot;2&quot;:&quot;На Ratatype є багато курсів друкування наосліп для різних розкладок клавіатур:\n- англійські (QWERTY, AZERTY, Дворака);\n- іспанська (QWERTY);\n- португальська для Бразилії (QWERTY);\n- німецька (QWERTZ);\n- французька (AZERTY);\n- українська (ЙЦУКЕН);\n- російська (ЙЦУКЕН);\n- італійська (QWERTY).\n\nПовний перелік курсів можна знайти в розділі &laquo;Курси&raquo;.&quot;}" data-sheets-userformat="{&quot;2&quot;:11137,&quot;3&quot;:{&quot;1&quot;:0},&quot;10&quot;:0,&quot;11&quot;:4,&quot;12&quot;:0,&quot;14&quot;:{&quot;1&quot;:2,&quot;2&quot;:0},&quot;16&quot;:10}">українська (ЙЦУКЕН);
1988</span></li>
1989<li><span data-sheets-value="{&quot;1&quot;:2,&quot;2&quot;:&quot;На Ratatype є багато курсів друкування наосліп для різних розкладок клавіатур:\n- англійські (QWERTY, AZERTY, Дворака);\n- іспанська (QWERTY);\n- португальська для Бразилії (QWERTY);\n- німецька (QWERTZ);\n- французька (AZERTY);\n- українська (ЙЦУКЕН);\n- російська (ЙЦУКЕН);\n- італійська (QWERTY).\n\nПовний перелік курсів можна знайти в розділі &laquo;Курси&raquo;.&quot;}" data-sheets-userformat="{&quot;2&quot;:11137,&quot;3&quot;:{&quot;1&quot;:0},&quot;10&quot;:0,&quot;11&quot;:4,&quot;12&quot;:0,&quot;14&quot;:{&quot;1&quot;:2,&quot;2&quot;:0},&quot;16&quot;:10}">італійська (QWERTY).</span></li>
1990</ul>
1991<p><span data-sheets-value="{&quot;1&quot;:2,&quot;2&quot;:&quot;На Ratatype є багато курсів друкування наосліп для різних розкладок клавіатур:\n- англійські (QWERTY, AZERTY, Дворака);\n- іспанська (QWERTY);\n- португальська для Бразилії (QWERTY);\n- німецька (QWERTZ);\n- французька (AZERTY);\n- українська (ЙЦУКЕН);\n- російська (ЙЦУКЕН);\n- італійська (QWERTY).\n\nПовний перелік курсів можна знайти в розділі &laquo;Курси&raquo;.&quot;}" data-sheets-userformat="{&quot;2&quot;:11137,&quot;3&quot;:{&quot;1&quot;:0},&quot;10&quot;:0,&quot;11&quot;:4,&quot;12&quot;:0,&quot;14&quot;:{&quot;1&quot;:2,&quot;2&quot;:0},&quot;16&quot;:10}">Повний перелік курсів можна <a href="/courses/" target="_blank" rel="noopener">знайти в розділі Курси</a><a href="/courses/" target="_blank" rel="noopener"></a>.</span></p></div>
1992                            </div>
1993                        </li>
1994                                            <li class="border-t-2 border-solid border-brd-primary dark:border-brd-dark-primary">
1995                            <button class="py-3 w-full flex justify-between text-left rounded-sm hover:underline md:py-4 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-38" aria-expanded="false" aria-controls="collapse-38">
1996                                <span class="h4 mb-0">Як обнулити проходження уроків?</span>
1997                                <svg class="ml-4 shrink-0 w-auto h-[25px] md:h-[30px]" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
1998                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M25.0607 9.43934C25.6464 10.0251 25.6464 10.9749 25.0607 11.5607L15 21.6214L4.93927 11.5607C4.35348 10.9749 4.35348 10.0251 4.93927 9.43934C5.52505 8.85355 6.4748 8.85355 7.06059 9.43934L15 17.3787L22.9393 9.43934C23.5251 8.85355 24.4749 8.85355 25.0607 9.43934Z" class="fill-icon-primary dark:fill-icon-dark-primary"/>
1999                                </svg>
2000                            </button>
2001                            <div id="collapse-38" class="collapse">
2002                                <div class="mt-3 md:mt-4"><p>На жаль, не можна очистити результати навчання в інтерфейсі сайту. Але ти завжди можеш пройти вправи знову. Вибрати потрібний урок та вправу можна у налаштуваннях тренажера або на сторінці результатів навчання. Докладніше про це можна знайти в <a href="/faq/How-to-go-through-the-exercise-again/" target="_blank" rel="noopener">інструкції про повторне проходження уроків</a>.</p>
2003<p><span data-sheets-value="\&quot;{&quot;1&quot;:2,&quot;2&quot;:&quot;Щоб" data-sheets-userformat="\&quot;{&quot;2&quot;:11137,&quot;3&quot;:{&quot;1&quot;:0},&quot;10&quot;:0,&quot;11&quot;:4,&quot;12&quot;:0,&quot;14&quot;:{&quot;1&quot;:2,&quot;2&quot;:0},&quot;16&quot;:10}\&quot;">Якщо хочеш повністю видалити результати навчання, напиши нам за адресою <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="80ede1e9ecc0f2e
20031f4e1f4f9f0e5aee3efed">[email&#160;protected]</a>, і ми допоможемо.</span></p></div>
2004                            </div>
2005                        </li>
2006                                            <li class="border-t-2 border-solid border-brd-primary dark:border-brd-dark-primary">
2007                            <button class="py-3 w-full flex justify-between text-left rounded-sm hover:underline md:py-4 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-3" aria-expanded="false" aria-controls="collapse-3">
2008                                <span class="h4 mb-0">Як пройти вправу ще раз?</span>
2009                                <svg class="ml-4 shrink-0 w-auto h-[25px] md:h-[30px]" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
2010                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M25.0607 9.43934C25.6464 10.0251 25.6464 10.9749 25.0607 11.5607L15 21.6214L4.93927 11.5607C4.35348 10.9749 4.35348 10.0251 4.93927 9.43934C5.52505 8.85355 6.4748 8.85355 7.06059 9.43934L15 17.3787L22.9393 9.43934C23.5251 8.85355 24.4749 8.85355 25.0607 9.43934Z" class="fill-icon-primary dark:fill-icon-dark-primary"/>
2011                                </svg>
2012                            </button>
2013                            <div id="collapse-3" class="collapse">
2014                                <div class="mt-3 md:mt-4"><p><span data-sheets-value="\&quot;{&quot;1&quot;:2,&quot;2&quot;:&quot;Щоб" data-sheets-userformat="\&quot;{&quot;2&quot;:11137,&quot;3&quot;:{&quot;1&quot;:0},&quot;10&quot;:0,&quot;11&quot;:4,&quot;12&quot;:0,&quot;14&quot;:{&quot;1&quot;:2,&quot;2&quot;:0},&quot;16&quot;:10}\&quot;">Щоб повторно пройти урок:</span></p>
2015<ol>
2016<li><span data-sheets-value="\&quot;{&quot;1&quot;:2,&quot;2&quot;:&quot;Щоб" data-sheets-userformat="\&quot;{&quot;2&quot;:11137,&quot;3&quot;:{&quot;1&quot;:0},&quot;10&quot;:0,&quot;11&quot;:4,&quot;12&quot;:0,&quot;14&quot;:{&quot;1&quot;:2,&quot;2&quot;:0},&quot;16&quot;:10}\&quot;">Зайди на сторінку &laquo;<a href="/typing-tutor/" target="_blank" rel="noopener">Тренажер</a>&raquo;.</span></li>
2017<li><span data-sheets-value="\&quot;{&quot;1&quot;:2,&quot;2&quot;:&quot;Щоб" data-sheets-userformat="\&quot;{&quot;2&quot;:11137,&quot;3&quot;:{&quot;1&quot;:0},&quot;10&quot;:0,&quot;11&quot;:4,&quot;12&quot;:0,&quot;14&quot;:{&quot;1&quot;:2,&quot;2&quot;:0},&quot;16&quot;:10}\&quot;">Натисни на кнопку налаштувань<img src="/upload/faq/20.10.06.54_16.png" alt="Кнопка налаштувань" /></span></li>
2018<li><span data-sheets-value="\&quot;{&quot;1&quot;:2,&quot;2&quot;:&quot;Щоб" data-sheets-userformat="\&quot;{&quot;2&quot;:11137,&quot;3&quot;:{&quot;1&quot;:0},&quot;10&quot;:0,&quot;11&quot;:4,&quot;12&quot;:0,&quot;14&quot;:{&quot;1&quot;:2,&quot;2&quot;:0},&quot;16&quot;:10}\&quot;">Далі натисни на блок курсу у модальному вікні, що відкриється.&nbsp;</span></li>
2019<li><span data-sheets-value="\&quot;{&quot;1&quot;:2,&quot;2&quot;:&quot;Щоб" data-sheets-userformat="\&quot;{&quot;2&quot;:11137,&quot;3&quot;:{&quot;1&quot;:0},&quot;10&quot;:0,&quot;11&quot;:4,&quot;12&quot;:0,&quot;14&quot;:{&quot;1&quot;:2,&quot;2&quot;:0},&quot;16&quot;:10}\&quot;">У меню вибери Урок та Вправу, які хочеш пройти ще раз.</span></li>
2020</ol>
2021<p><span data-sheets-value="\&quot;{&quot;1&quot;:2,&quot;2&quot;:&quot;Щоб" data-sheets-userformat="\&quot;{&quot;2&quot;:11137,&quot;3&quot;:{&quot;1&quot;:0},&quot;10&quot;:0,&quot;11&quot;:4,&quot;12&quot;:0,&quot;14&quot;:{&quot;1&quot;:2,&quot;2&quot;:0},&quot;16&quot;:10}\&quot;">Або</span></p>
2022<p><span data-sheets-value="\&quot;{&quot;1&quot;:2,&quot;2&quot;:&quot;Щоб" data-sheets-userformat="\&quot;{&quot;2&quot;:11137,&quot;3&quot;:{&quot;1&quot;:0},&quot;10&quot;:0,&quot;11&quot;:4,&quot;12&quot;:0,&quot;14&quot;:{&quot;1&quot;:2,&quot;2&quot;:0},&quot;16&quot;:10}\&quot;"><img src="/upload/faq/20.10.06.15_94.png" alt="Інструкція" /></span></p>
2023<ol>
2024<li><span data-sheets-value="\&quot;{&quot;1&quot;:2,&quot;2&quot;:&quot;Щоб" data-sheets-userformat="\&quot;{&quot;2&quot;:11137,&quot;3&quot;:{&quot;1&quot;:0},&quot;10&quot;:0,&quot;11&quot;:4,&quot;12&quot;:0,&quot;14&quot;:{&quot;1&quot;:2,&quot;2&quot;:0},&quot;16&quot;:10}\&quot;">Перейди в розділ &laquo;Результати навчання&raquo;.</span></li>
2025<li><span data-sheets-value="\&quot;{&quot;1&quot;:2,&quot;2&quot;:&quot;Щоб" data-sheets-userformat="\&quot;{&quot;2&quot;:11137,&quot;3&quot;:{&quot;1&quot;:0},&quot;10&quot;:0,&quot;11&quot;:4,&quot;12&quot;:0,&quot;14&quot;:{&quot;1&quot;:2,&quot;2&quot;:0},&quot;16&quot;:10}\&quot;">Клікніть на потрібну вправу і ти зможеш заново пройти її.</span></li>
2026</ol></div>
2027                            </div>
2028                        </li>
2029                                            <li class="border-t-2 border-solid border-brd-primary dark:border-brd-dark-primary">
2030                            <button class="py-3 w-full flex justify-between text-left rounded-sm hover:underline md:py-4 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-70" aria-expanded="false" aria-controls="collapse-70">
2031                                <span class="h4 mb-0">Сертифікат за завершення курсу</span>
2032                                <svg class="ml-4 shrink-0 w-auto h-[25px] md:h-[30px]" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
2033                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M25.0607 9.43934C25.6464 10.0251 25.6464 10.9749 25.0607 11.5607L15 21.6214L4.93927 11.5607C4.35348 10.9749 4.35348 10.0251 4.93927 9.43934C5.52505 8.85355 6.4748 8.85355 7.06059 9.43934L15 17.3787L22.9393 9.43934C23.5251 8.85355 24.4749 8.85355 25.0607 9.43934Z" class="fill-icon-primary dark:fill-icon-dark-primary"/>
2034                                </svg>
2035                            </button>
2036                            <div id="collapse-70" class="collapse">
2037                                <div class="mt-3 md:mt-4"><p><span style="font-weight: 400;">Після завершення всіх уроків будь-якого курсу, ти можеш отримати сертифікат про його успішне проходження.</span></p>
2038<p><span style="font-weight: 400;">Сертифікат містить:</span></p>
2039<ul>
2040<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Твоє імʼя</span></li>
2041<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Назву курсу</span></li>
2042<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Дату завершення</span></li>
2043<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Номер сертифіката</span></li>
2044<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Підпис Капітана Ratatype</span></li>
2045<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Перевірочне посилання на сертифікат</span><span style="font-weight: 400;"></span></li>
2046</ul>
2047<p><span style="font-weight: 400;"><img src="/upload/faq/23.08.04.15_80.png" /></span></p>
2048<h3><span style="font-weight: 400;">Де знайти свій сертифікат?</span></h3>
2049<ul>
2050<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Наприкінці останньої пройденої вправи</span></li>
2051<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">У розділі &laquo;Сертифікати за курс&raquo;</span></li>
2052</ul>
2053<p><span style="font-weight: 400;"><img src="/upload/faq/23.08.04.27_72.png" /></span></p>
2054<p><span style="font-weight: 400;">Сертифікат можна завантажити на свій пристрій, роздрукувати або додати до профілю LinkedIn.</span></p>
2055<p><b>Бажаю успіхів у твоїх подальших досягненнях! Нехай сертифікат стане черговим кроком до великих звершень.</b></p></div>
2056                            </div>
2057                        </li>
2058                                    </ul>
2059            </section>
2060            </div>
2061                </main>
2062
2063<footer id="footer" class="mt-10 bg-bg-secondary dark:bg-bg-dark-secondary text-txt-secondary dark:text-txt-dark-secondary text-small-xs md:mt-8 md:text-small duration-300 transition-colors">
2064            <div class="mx-auto px-4 max-w-screen-container-xl md:px-6">
2065    <div class="flex flex-wrap pt-7 pb-4 -mx-3">
2066        <div class="w-3/6 px-3 md:w-2/6 lg:w-1/6">
2067            <div class="pb-3 font-extrabold md:pb-2">Практика набору тексту</div>
2068            <ul>
2069                <li class="pb-3 md:pb-2"><a href="/typing-tutor/" class="hover:underline">Тренажер</a></li>
2070                <li class="pb-3 md:pb-2"><a href="/typing-test/" class="hover:underline">Тестування</a></li>
2071                <li class="pb-3 md:pb-2"><a href="/typing-certificate/" class="hover:underline">Сертифікат швидкості друку</a></li>
2072                <li class="pb-3 md:pb-2"><a href="/courses/" class="hover:underline">Курси</a></li>
2073                <li class="pb-3 md:pb-2">
2074                    <a href="/ratatype-plus/" class="flex items-center hover:underline " id="RatatypePlus_footer" onclick="document.cookie='eventCategory='+this.id+';path=/';">
2075                                                    <img src="/static/img/icons/plus.svg" alt="Ratatype Plus" width="24" height="24" class="mr-1 shrink-0">
2076                                                <span>Ratatype Plus</span>
2077                    </a>
2078                </li>
2079            </ul>
2080        </div>
2081        <div class="w-3/6 px-3 md:w-2/6 lg:w-1/6">
2082            <div class="pb-3 font-extrabold md:pb-2">Ресурси</div>
2083            <ul>
2084                <li class="pb-3 md:pb-2"><a href="/learn/" class="hover:underline">Навчання</a></li>
2085                <li class="pb-3 md:pb-2"><a href="/faq/" class="hover:underline">Допомога</a></li>
2086                <li class="pb-3 md:pb-2"><a href="/typing-games/" class="hover:underline">Грай та вчися друкуванню</a></li>
2087                <li class="pb-3 md:pb-2"><a href="/keyboard-test/" class="hover:underline">Перевірка клавіатури</a></li>
2088                <li class="pb-3 md:pb-2"><a href="/word-counter/" class="hover:underline">Калькулятор слів</a></li>
2089            </ul>
2090        </div>
2091        <div class="w-3/6 pt-4 px-3 md:w-2/6 md:pt-0 lg:w-1/6">
2092            <div class="pb-3 font-extrabold md:pb-2">Про нас</div>
2093            <ul>
2094                <li class="pb-3 md:pb-2"><a href="/about/" class="hover:underline">Про Ratatype</a></li>
2095                <li class="pb-3 md:pb-2"><a href="/contact/" class="hover:underline">Контакти</a></li>
2096                <li class="pb-3 md:pb-2"><a href="/privacy-terms/" class="hover:underline">Умови використання</a></li>
2097                                            </ul>
2098        </div>
2099        <div class="w-3/6 pt-4 px-3 md:w-2/6 md:pt-6 lg:w-1/6 lg:pt-0">
2100            <div class="pb-3 font-extrabold md:pb-2">Для вчителів</div>
2101            <ul>
2102                <li class="pb-3 md:pb-2"><a href="/learn/teachers/" class="hover:underline">Класи</a></li>
2103                <li class="pb-3 md:pb-2"><a href="/learn/teachers/classroom/" class="hover:underline">Синхронізація з Google Classroom</a></li>
2104                <li class="pb-3 md:pb-2"><a href="/ratatype-plus-for-classes/" id="License_footer" onclick="document.cookie='eventCategory='+this.id+';path=/';" class="hover:underline">Ratatype Plus для Класів</a></li>
2105            </ul>
2106        </div>
2107        <div class="w-3/6 pt-4 px-3 md:w-2/6 md:pt-6 lg:w-1/6 lg:pt-0">
2108            <div class="pb-3 font-extrabold md:pb-2">Ігри</div>
2109            <ul>
2110                 <li class="pb-3 md:pb-2"><a href="/typing-games/shooter/" class="hover:underline">Раташутер</a></li>
2111                 <li class="pb-3 md:pb-2"><a href="/typing-games/race/" class="hover:underline">Ратагони</a></li>
2112            </ul>
2113        </div>
2114        <div class="w-3/6 pt-4 px-3 md:w-2/6 md:pt-6 lg:w-1/6 lg:pt-0">
2115            <!-- Button trigger modal -->
2116            <button class="w-full max-w-[10.625rem] py-2 px-2 flex items-center border-2 border-solid border-grey-light dark:border-brd-dark-primary rounded-sm font-extrabold mb-3 md:mb-4" type="button"  data-bs-toggle="modal" data-bs-target="#footerLangModal">
2117                <svg class="mr-1" width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2118                    <path fill-rule="evenodd" clip-rule="evenodd" d="M18.6666 10C18.6666 14.4183 15.0849 18 10.6666 18C6.24835 18 2.66663 14.4183 2.66663 10C2.66663 5.58172 6.24835 2 10.6666 2C15.0849 2 18.6666 5.58172 18.6666 10ZM10.6666 15.4761C10.8129 15.2743 10.9719 15.0335 11.1317 14.7539C11.6285 13.8845 12.1354 12.6355 12.2875 11H9.04576C9.19785 12.6355 9.70473 13.8845 10.2015 14.7539C10.3613 15.0335 10.5204 15.2743 10.6666 15.4761ZM12.9853 15.5356C14.8521 14.7527 16.2392 13.0531 16.5837 11H14.2948C14.1453 12.9182 13.5824 14.4321 12.9853 15.5356ZM14.2948 9H16.5837C16.2392 6.94686 14.8521 5.24729 12.9853 4.46444C13.5824 5.56788 14.1453 7.08183 14.2948 9ZM12.2875 9H9.04576C9.19785 7.36452 9.70473 6.11554 10.2015 5.24614C10.3613 4.96646 10.5204 4.72568 10.6666 4.52389C10.8129 4.72568 10.9719 4.96646 11.1317 5.24614C11.6285 6.11554 12.1354 7.36452 12.2875 9ZM7.03849 11C7.18795 12.9182 7.75085 14.4321 8.34794 15.5356C6.4812 14.7527 5.09404 13.0531 4.74958 11H7.03849ZM7.03849 9C7.18795 7.08183 7.75085 5.56788 8.34793 4.46444C6.4812 5.24729 5.09404 6.94686 4.74958 9H7.03849Z" class="fill-icon-primary dark:fill-icon-dark-primary"/>
2119                </svg>
2120                Україна
2121            </button>
2122            <!-- Button switch theme -->
2123                            <a href="/ratatype-plus/">
2124                            <button id="theme-switch-button-footer" class="theme-switch-button">
2125                    <div id="darkThemeFooterOn" class="dark-theme flex items-center justify-between " onclick="document.cookie='eventCategory='+this.id+';path=/';">
2126                        <svg class="animate-fade-and-move mr-1 pointer-events-none" width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
2127                            <path d="M10.9698 7.35512C12.6072 5.7711 14.6068 4.96305 16.6014 4.79652C16.9579 4.76392 17.2312 5.125
212778 17.085 5.44832C15.8379 8.11689 15.8771 11.3419 17.4708 14.1023C19.0646 16.8628 21.8379 18.5092 24.7725 18.7635C25.1329 18.7935 25.3097 19.2111 25.1032 19.5035C24.3552 20.5849 23.3646 21.5249 22.1583 22.2213C17.2931 25.0302 10.9112 22.8908 8.7837 17.3858C7.43674 13.9199 8.31441 9.9058 10.9698 7.35512Z" class="fill-icon-primary dark:fill-icon-dark-primary"/>
2128                        </svg>
2129                        <span class="pointer-events-none">Темна тема</span>
2130                    </div>
2131
2132                    <div id="darkModeFooterOff" class="light-theme flex items-center justify-between hidden">
2133                        <svg class="animate-fade-and-move mr-1 pointer-events-none" width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
2134                            <path d="M15 9C15.5523 9 16 8.55228 16 8V6C16 5.44772 15.5523 5 15 5C14.4477 5 14 5.44772 14 6V8C14 8.55228 14.4477 9 15 9Z" class="fill-icon-primary dark:fill-icon-dark-primary"/>
2135                            <path d="M24 14H22C21.4477 14 21 14.4477 21 15C21 15.5523 21.4477 16 22 16H24C24.5523 16 25 15.5523 25 15C25 14.4477 24.5523 14 24 14Z" class="fill-icon-primary dark:fill-icon-dark-primary"/>
2136                            <path d="M9 15C9 14.4477 8.55228 14 8 14H6C5.44772 14 5 14.4477 5 15C5 15.5523 5.44772 16 6 16H8C8.55228 16 9 15.5523 9 15Z" class="fill-icon-primary dark:fill-icon-dark-primary"/>
2137                            <path d="M9.22023 8.00312C8.8143 7.61929 8.17407 7.63719 7.79023 8.04312C7.40639 8.44905 7.4243 9.08929 7.83023 9.47312L9.27023 10.8631C9.46548 11.0517 9.72898 11.1527 10.0002 11.1431C10.2724 11.1421 10.5324 11.0301 10.7202 10.8331C11.108 10.4431 11.108 9.81316 10.7202 9.42312L9.22023 8.00312Z" class="fill-icon-primary dark:fill-icon-dark-primary"/>
2138                            <path d="M19.9996 11.1427C20.2571 11.1417 20.5042 11.0414 20.6896 10.8627L22.1296 9.47269C22.4942 9.09176 22.5004 8.49321 22.1437 8.10486C21.7871 7.71651 21.1901 7.6718 20.7796 8.00269L19.3396 9.42269C18.9519 9.81273 18.9519 10.4427 19.3396 10.8327C19.5128 11.0154 19.7484 11.1261 19.9996 11.1427Z" class="fill-icon-primary dark:fill-icon-dark-primary"/>
2139                            <path d="M15 21C14.4477 21 14 21.4477 14 22V24C14 24.5523 14.4477 25 15 25C15.5523 25 16 24.5523 16 24V22C16 21.4477 15.5523 21 15 21Z" class="fill-icon-primary dark:fill-icon-dark-primary"/>
2140                            <path d="M20.7299 19.1401C20.3322 18.7563 19.6987 18.7674 19.3149 19.1651C18.9311 19.5627 18.9422 20.1963 19.3399 20.5801L20.7799 22.0001C20.9653 22.1788 21.2124 22.2791 21.4699 22.2801C21.7406 22.2817 22.0004 22.1734 22.1899 21.9801C22.3792 21.7923 22.4857 21.5367 22.4857 21.2701C22.4857 21.0035 22.3792 20.7479 22.1899 20.5601L20.7299 19.1401Z" class="fill-icon-primary dark:fill-icon-dark-primary"/>
2141                            <path d="M9.26998 19.1413L7.82998 20.5313C7.64067 20.7191 7.53418 20.9747 7.53418 21.2413C7.53418 21.508 7.64067 21.7636 7.82998 21.9513C8.01948 22.1447 8.27926 22.2529 8.54998 22.2513C8.79649 22.2534 9.03509 22.1644 9.21998 22.0013L10.66 20.6113C11.0576 20.2275 11.0688 19.594 10.685 19.1963C10.3011 18.7987 9.66762 18.7875 9.26998 19.1713V19.1413Z" class="fill-icon-primary dark:fill-icon-dark-primary"/>
2142                            <path d="M15 11C12.7909 11 11 12.7909 11 15C11 17.2091 12.7909 19 15 19C17.2091 19 19 17.2091 19 15C19 12.7909 17.2091 11 15 11V11Z" class="fill-icon-primary dark:fill-icon-dark-primary"/>
2143                        </svg>
2144                        <span class="pointer-events-none">Світла тема</span>
2145                    </div>
2146                </button>
2147                            </a>
2148                        <!-- Modal -->
2149            <div class="modal fade" id="footerLangModal" tabindex="-1" aria-labelledby="footerLanguages" aria-hidden="true">
2150                <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
2151                    <div class="modal-content bg-white dark:bg-black text-txt-primary dark:text-txt-dark-primary rounded-t-lg md:rounded-b-lg">
2152                        <button type="button" class="absolute top-4 right-4 z-10 p-1 md:top-6 md:right-6" data-bs-dismiss="modal" aria-label="Close" data-kbd-hint-esc="close" aria-describedby="kbdHintTooltip">
2153                            <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2154                                <path d="M0.93934 16.9393C0.353553 17.5251 0.353553 18.4749 0.93934 19.0607C1.52513 19.6464 2.47487 19.6464 3.06066 19.0607L10 12.1213L16.9393 19.0607C17.5251 19.6464 18.4749 19.6464 19.0607 19.0607C19.6464 18.4749 19.6464 17.5251 19.0607 16.9393L12.1213 10L19.0607 3.06066C19.6464 2.47487 19.6464 1.52513 19.0607 0.93934C18.4749 0.353553 17.5251 0.353553 16.9393 0.93934L10 7.87868L3.06066 0.93934C2.47487 0.353554 1.52513 0.353554 0.93934 0.93934C0.353553 1.52513 0.353553 2.47487 0.93934 3.06066L7.87868 10L0.93934 16.9393Z" class="fill-icon-secondary dark:fill-icon-dark-secondary"/>
2155                            </svg>
2156                        </button>
2157                        <div class="modal-header p-4 pb-0 md:p-6 md:pb-0">
2158                            <div class="relative px-8 text-center">
2159                                <div class="h3" id="footerLanguages">Мова сайту</div>
2160                            </div>
2161                        </div>
2162                        <hr class="border-t-2 border-transparent transition-all mx-4 mt-1 md:mx-6">
2163                        <div class="modal-body p-4 pt-0 md:p-6 md:pt-0">
2164                            <div class="md:flex">
2165                                <div class="pb-2 border-b-2 border-brd-primary dark:border-brd-dark-primary md:w-3/6 md:pb-0 md:pr-2 md:border-b-0 md:border-r-2">
2166                                    <div class="pl-2 pb-2 text-txt-secondary dark:text-txt-dark-secondary text-small-xs md:text-small">Країни</div>
2167                                    <ul>
2168                                                                                    <li>
2169                                                <a data-toggle="interface" class="flex items-center py-2 px-3 rounded-sm hover:bg-bg-secondary dark:hover:bg-bg-dark-secondary"
2170                                                href="https://www.ratatype.ua/">
2171                                                    <div class="locale-flag" style="background-image: url(/static/i/flag/uk.svg);"></div>
2172                                                    <div class="ml-1">Україна</div>
2173                                                </a>
2174                                            </li>
2175                                                                                    <li>
2176                                                <a data-toggle="interface" class="flex items-center py-2 px-3 rounded-sm hover:bg-bg-secondary dark:hover:bg-bg-dark-secondary"
2177                                                href="https://www.ratatype.fr/">
2178                                                    <div class="locale-flag" style="background-image: url(/static/i/flag/fr.svg);"></div>
2179                                                    <div class="ml-1">France</div>
2180                                                </a>
2181                                            </li>
2182                                                                                    <li>
2183                                                <a data-toggle="interface" class="flex items-center py-2 px-3 rounded-sm hover:bg-bg-secondary dark:hover:bg-bg-dark-secondary"
2184                                                href="https://www.ratatype.es/">
2185                                                    <div class="locale-flag" style="background-image: url(/static/i/flag/es.svg);"></div>
2186                                                    <div class="ml-1">España</div>
2187                                                </a>
2188                                            </li>
2189                                                                                    <li>
2190                                                <a data-toggle="interface" class="flex items-center py-2 px-3 rounded-sm hover:bg-bg-secondary dark:hover:bg-bg-dark-secondary"
2191                                                href="https://www.ratatype.it/">
2192                                                    <div class="locale-flag" style="background-image: url(/static/i/flag/it.svg);"></div>
2193                                                    <div class="ml-1">Italia</div>
2194                                                </a>
2195                                            </li>
2196                                                                                    <li>
2197                                                <a data-toggle="interface" class="flex items-center py-2 px-3 rounded-sm hover:bg-bg-secondary dark:hover:bg-bg-dark-secondary"
2198                                                href="https://www.ratatype.de/">
2199                                                    <div class="locale-flag" style="background-image: url(/static/i/flag/de.svg);"></div>
2200                                                    <div class="ml-1">Deutschland</div>
2201                                                </a>
2202                                            </li>
2203                                                                                    <li>
2204                                                <a data-toggle="interface" class="flex items-center py-2 px-3 rounded-sm hover:bg-bg-secondary dark:hover:bg-bg-dark-secondary"
2205                                                href="https://www.ratatype.com.br/">
2206                                                    <div class="locale-flag" style="background-image: url(/static/i/flag/br.svg);"></div>
2207                                                    <div class="ml-1">Brasil</div>
2208                                                </a>
2209                                            </li>
2210                                                                                    <li>
2211                                                <a data-toggle="interface" class="flex items-center py-2 px-3 rounded-sm hover:bg-bg-secondary dark:hover:bg-bg-dark-secondary"
2212                                                href="https://www.ratatype.pl/">
2213                                                    <div class="locale-flag" style="background-image: url(/static/i/flag/pl.svg);"></div>
2214                                                    <div class="ml-1">Polska</div>
2215                                                </a>
2216                                            </li>
2217                                                                                    <li>
2218                                                <a data-toggle="interface" class="flex items-center py-2 px-3 rounded-sm hover:bg-bg-secondary dark:hover:bg-bg-dark-secondary"
2219                                                href="https://www.ratatype.com.tr/">
2220                                                    <div class="locale-flag" style="background-image: url(/static/i/flag/tr.svg);"></div>
2221                                                    <div class="ml-1">Türkiye</div>
2222                                                </a>
2223                                            </li>
2224                                                                                    <li>
2225                                                <a data-toggle="interface" class="flex items-center py-2 px-3 rounded-sm hover:bg-bg-secondary dark:hover:bg-bg-dark-secondary"
2226                                                href="https://www.ratatype.co.uk/">
2227                                                    <div class="locale-flag" style="background-image: url(/static/i/flag/gb.svg);"></div>
2228                                                    <div class="ml-1">United Kingdom</div>
2229                                                </a>
2230                                            </li>
2231                                                                            </ul>
2232                                </div>
2233                                <div class="pt-4 md:w-3/6 md:pt-0 md:pl-2">
2234                                    <div class="pl-2 pb-2 text-txt-secondary dark:text-txt-dark-secondary text-small-xs md:text-small">Міжнародний сайт</div>
2235                                    <ul>
2236                                                                                    <li>
2237                                                <a data-toggle="interface" class="block py-2 px-3 rounded-sm hover:bg-bg-secondary dark:hover:bg-bg-dark-secondary"
2238                                                   href="https://www.ratatype.com/">
2239                                                    English
2240                                                </a>
2241                                            </li>
2242                                                                                    <li>
2243                                                <a data-toggle="interface" class="block py-2 px-3 rounded-sm hover:bg-bg-secondary dark:hover:bg-bg-dark-secondary"
2244                                                   href="https://www.ratatype.com/uk/">
2245                                                    Українська
2246                                                </a>
2247                                            </li>
2248                                                                                    <li>
2249                                                <a data-toggle="interface" class="block py-2 px-3 rounded-sm hover:bg-bg-secondary dark:hover:bg-bg-dark-secondary"
2250                                                   href="https://www.ratatype.com/fr/">
2251                                                    Français
2252                                                </a>
2253                                            </li>
2254                                                                                    <li>
2255                                                <a data-toggle="interface" class="block py-2 px-3 rounded-sm hover:bg-bg-secondary dark:hover:bg-bg-dark-secondary"
2256                                                   href="https://www.ratatype.com/es/">
2257                                                    Español
2258                                                </a>
2259                                            </li>
2260                                                                                    <li>
2261                                                <a data-toggle="interface" class="block py-2 px-3 rounded-sm hover:bg-bg-secondary dark:hover:bg-bg-dark-secondary"
2262                                                   href="https://www.ratatype.com/it/">
2263                                                    Italiano
2264                                                </a>
2265                                            </li>
2266                                                                                    <li>
2267                                                <a data-toggle="interface" class="block py-2 px-3 rounded-sm hover:bg-bg-secondary dark:hover:bg-bg-dark-secondary"
2268                                                   href="https://www.ratatype.com/de/">
2269                                                    Deutsche
2270                                                </a>
2271                                            </li>
2272                                                                                    <li>
2273                                                <a data-toggle="interface" class="block py-2 px-3 rounded-sm hover:bg-bg-secondary dark:hover:bg-bg-dark-secondary"
2274                                                   href="https://www.ratatype.com/pt_BR/">
2275                                                    Portuguese (Brasil)
2276                                                </a>
2277                                            </li>
2278                                                                                    <li>
2279                                                <a data-toggle="interface" class="block py-2 px-3 rounded-sm hover:bg-bg-secondary dark:hover:bg-bg-dark-secondary"
2280                                                   href="https://www.ratatype.com/nl/">
2281    
2281                                                Nederlands
2282                                                </a>
2283                                            </li>
2284                                                                            </ul>
2285                                </div>
2286                            </div>
2287                        </div>
2288                    </div>
2289                </div>
2290            </div>
2291            <!-- #Modal -->
2292        </div>
2293    </div>
2294    <hr class="border-t-2 border-brd-primary dark:border-brd-dark-primary">
2295    <div class="flex items-center justify-between py-4">
2296        <div>&copy;&nbsp;2026  Ratatype &mdash; Безкоштовний клавіатурний тренажер</div>
2297        <ul class="flex shrink-0">
2298            <li class="ml-2">
2299                <a href="https://www.facebook.com/profile.php?id=61585100336459" class="block" target="_blank" rel="noopener" aria-label="Facebook">
2300                    <svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg" role="img">
2301                        <title>Facebook</title>
2302                        <path d="M27.0001 14.9938C27.0001 8.37314 21.6242 3 15.0001 3C8.37603 3 3.00012 8.37314 3.00012 14.9938C3.00012 20.9846 7.38735 25.9501 13.134 26.8394V18.4524H10.0691V14.9938H13.134V12.3505C13.134 9.34895 14.9136 7.68142 17.6572 7.68142C18.9672 7.68142 20.3266 7.92847 20.3266 7.92847V10.8559H18.8189C17.3235 10.8559 16.8539 11.7947 16.8539 12.7334V14.9815H20.1906L19.6592 18.4401H16.8539V26.8271C22.6129 25.9501 27.0001 20.9846 27.0001 14.9938Z" fill="#1877F2"/>
2303                        <path d="M19.6715 18.4648L20.2029 15.0062H16.8662V12.7581C16.8662 11.807 17.3482 10.8806 18.8312 10.8806H20.3389V7.94083C20.3389 7.94083 18.9795 7.69379 17.6695 7.69379C14.9259 7.69379 13.1463 9.36131 13.1463 12.3629V15.0062H10.0814V18.4648H13.1463V26.8518C13.7519 26.9506 14.3821 27 15.0124 27C15.6427 27 16.273 26.9506 16.8785 26.8518V18.4648H19.6715Z" fill="white"/>
2304                    </svg>
2305                </a>
2306            </li>
2307            <li class="ml-2">
2308                <a href="https://www.linkedin.com/company/ratatype/" class="block" target="_blank" rel="noopener" aria-label="LinkedIn">
2309                <svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg" role="img">
2310                    <title>LinkedIn</title>
2311                    <g clip-path="url(#clip0_18189_15392)">
2312                        <rect x="4" y="4" width="22" height="22" rx="2" fill="white"/>
2313                        <path d="M24.376 4H5.62403C5.19331 4 4.78023 4.1711 4.47567 4.47567C4.1711 4.78023 4 5.19331 4 5.62403V24.376C4 24.8067 4.1711 25.2198 4.47567 25.5243C4.78023 25.8289 5.19331 26 5.62403 26H24.376C24.8067 26 25.2198 25.8289 25.5243 25.5243C25.8289 25.2198 26 24.8067 26 24.376V5.62403C26 5.19331 25.8289 4.78023 25.5243 4.47567C25.2198 4.1711 24.8067 4 24.376 4ZM10.5572 22.7413H7.24958V12.2347H10.5572V22.7413ZM8.90111 10.7788C8.52592 10.7766 8.15976 10.6634 7.84884 10.4534C7.53792 10.2434 7.29619 9.94599 7.15414 9.59871C7.01209 9.25144 6.97609 8.86988 7.0507 8.50217C7.1253 8.13446 7.30715 7.79709 7.57331 7.53263C7.83947 7.26818 8.178 7.08849 8.54618 7.01626C8.91436 6.94402 9.29569 6.98246 9.64204 7.12674C9.98839 7.27101 10.2842 7.51465 10.4923 7.82691C10.7003 8.13917 10.8111 8.50605 10.8108 8.88125C10.8144 9.13245 10.7673 9.38179 10.6724 9.6144C10.5776 9.84702 10.4368 10.0582 10.2586 10.2352C10.0804 10.4123 9.86836 10.5517 9.63514 10.6451C9.40192 10.7384 9.15228 10.7839 8.90111 10.7788ZM22.7489 22.7504H19.4428V17.0106C19.4428 15.3178 18.7232 14.7953 17.7943 14.7953C16.8135 14.7953 15.851 15.5347 15.851 17.0533V22.7504H12.5433V12.2424H15.7242V13.6983H15.7669C16.0863 13.0521 17.2046 11.9475 18.9111 11.9475C20.7567 11.9475 22.7504 13.0429 22.7504 16.2513L22.7489 22.7504Z" fill="#0A66C2"/>
2314                    </g>
2315                    <defs>
2316                        <clipPath id="clip0_18189_15392">
2317                            <rect x="4" y="4" width="22" height="22" rx="2" fill="white"/>
2318                        </clipPath>
2319                    </defs>
2320                </svg>
2321                </a>
2322            </li>
2323            <li class="ml-2">
2324                <a href="https://www.instagram.com/ratatype_ukraine/" class="block" target="_blank" rel="noopener" aria-label="Instagram">
2325                <svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg" role="img">
2326                    <title>Instagram</title>
2327                    <path d="M15 5.16094C18.2063 5.16094 18.5859 5.175 19.8469 5.23125C21.0188 5.28281 21.6516 5.47969 22.0734 5.64375C22.6313 5.85938 23.0344 6.12188 23.4516 6.53906C23.8734 6.96094 24.1313 7.35938 24.3469 7.91719C24.5109 8.33906 24.7078 8.97656 24.7594 10.1437C24.8156 11.4094 24.8297 11.7891 24.8297 14.9906C24.8297 18.1969 24.8156 18.5766 24.7594 19.8375C24.7078 21.0094 24.5109 21.6422 24.3469 22.0641C24.1313 22.6219 23.8687 23.025 23.4516 23.4422C23.0297 23.8641 22.6313 24.1219 22.0734 24.3375C21.6516 24.5016 21.0141 24.6984 19.8469 24.75C18.5813 24.8062 18.2016 24.8203 15 24.8203C11.7938 24.8203 11.4141 24.8062 10.1531 24.75C8.98125 24.6984 8.34844 24.5016 7.92656 24.3375C7.36875 24.1219 6.96563 23.8594 6.54844 23.4422C6.12656 23.0203 5.86875 22.6219 5.65313 22.0641C5.48906 21.6422 5.29219 21.0047 5.24063 19.8375C5.18438 18.5719 5.17031 18.1922 5.17031 14.9906C5.17031 11.7844 5.18438 11.4047 5.24063 10.1437C5.29219 8.97187 5.48906 8.33906 5.65313 7.91719C5.86875 7.35938 6.13125 6.95625 6.54844 6.53906C6.97031 6.11719 7.36875 5.85938 7.92656 5.64375C8.34844 5.47969 8.98594 5.28281 10.1531 5.23125C11.4141 5.175 11.7938 5.16094 15 5.16094ZM15 3C11.7422 3 11.3344 3.01406 10.0547 3.07031C8.77969 3.12656 7.90313 3.33281 7.14375 3.62812C6.35156 3.9375 5.68125 4.34531 5.01563 5.01562C4.34531 5.68125 3.9375 6.35156 3.62813 7.13906C3.33281 7.90313 3.12
2327656 8.775 3.07031 10.05C3.01406 11.3344 3 11.7422 3 15C3 18.2578 3.01406 18.6656 3.07031 19.9453C3.12656 21.2203 3.33281 22.0969 3.62813 22.8563C3.9375 23.6484 4.34531 24.3188 5.01563 24.9844C5.68125 25.65 6.35156 26.0625 7.13906 26.3672C7.90313 26.6625 8.775 26.8687 10.05 26.925C11.3297 26.9812 11.7375 26.9953 14.9953 26.9953C18.2531 26.9953 18.6609 26.9812 19.9406 26.925C21.2156 26.8687 22.0922 26.6625 22.8516 26.3672C23.6391 26.0625 24.3094 25.65 24.975 24.9844C25.6406 24.3188 26.0531 23.6484 26.3578 22.8609C26.6531 22.0969 26.8594 21.225 26.9156 19.95C26.9719 18.6703 26.9859 18.2625 26.9859 15.0047C26.9859 11.7469 26.9719 11.3391 26.9156 10.0594C26.8594 8.78438 26.6531 7.90781 26.3578 7.14844C26.0625 6.35156 25.6547 5.68125 24.9844 5.01562C24.3188 4.35 23.6484 3.9375 22.8609 3.63281C22.0969 3.3375 21.225 3.13125 19.95 3.075C18.6656 3.01406 18.2578 3 15 3Z" class="fill-black dark:fill-white"/>
2328                    <path d="M15 8.83594C11.5969 8.83594 8.83594 11.5969 8.83594 15C8.83594 18.4031 11.5969 21.1641 15 21.1641C18.4031 21.1641 21.1641 18.4031 21.1641 15C21.1641 11.5969 18.4031 8.83594 15 8.83594ZM15 18.9984C12.7922 18.9984 11.0016 17.2078 11.0016 15C11.0016 12.7922 12.7922 11.0016 15 11.0016C17.2078 11.0016 18.9984 12.7922 18.9984 15C18.9984 17.2078 17.2078 18.9984 15 18.9984Z" class="fill-black dark:fill-white"/>
2329                    <path d="M22.8469 8.59214C22.8469 9.38902 22.2 10.0312 21.4078 10.0312C20.6109 10.0312 19.9688 9.38433 19.9688 8.59214C19.9688 7.79526 20.6156 7.15308 21.4078 7.15308C22.2 7.15308 22.8469 7.79995 22.8469 8.59214Z" class="fill-black dark:fill-white"/>
2330                </svg>
2331                </a>
2332            </li>
2333        </ul>
2334    </div>
2335</div>
2336    </footer>
2337
2338<div class="px-4 md:px-0 w-full fixed left-1/2 -translate-x-1/2 z-50 top-4 md:top-6 max-w-[515px]" style="display: none;" id="chipsMessageContainer"></div>
2339<template id="chipsMessageTemplate">
2340    <div class="js-chips-message p-3 mb-3 last:mb-0 mx-auto flex items-center justify-between bg-green-light dark:bg-green-dark-light rounded-sm">
2341        <div class="js-chips-message-text pr-3 font-bold text-[17px]"></div>
2342        <button type="button" class="js-chips-message-close">
2343            <img src="/static/img/icons/cancel.svg" alt="Cancel"  width="20" height="20">
2344        </button>
2345    </div>
2346</template>
2347
2348<div id="kbdHintTexts" hidden>
2349    <span data-kind="enter">Натисни Enter або пробіл</span>
2350    <span data-kind="close">Натисни Esc, щоб закрити</span>
2351    <span data-kind="pause">Натисни Esc для паузи</span>
2352    <span data-kind="restart">Натисни Esc, щоб почати заново</span>
2353</div>
2354
2355<div id="kbdHintTooltip" role="tooltip" class="kbd-hint-tooltip fixed z-[10010] opacity-0 pointer-events-none [transform:translate(-50%,calc(-100%+4px))] transition-[opacity,transform] duration-150 ease-out">
2356    <div class="kbd-hint-tooltip-inner"></div>
2357</div>
vendor: 114 bytes, lines 2357-2359
2357
2358
2359    <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
2359<script src="/static/js/index-min-1777459662.js"></script>
vendor: 1 bytes, line 2359
2359
2360<script data-adt-consent="ignore" src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz" crossorigin="anonymous"></script>
2360
2361
2362<script data-adt-consent="ignore" src="https://code.jquery.com/jquery-3.6.0.min.js"
2363        integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
2363
2364
2365<script data-adt-consent="ignore">
2366    window.jQuery || document.write('
2366<script data-adt-consent="ignore" src="/js/jquery-3.6.0.min.js"><\/script>')
2367    const measurementId = 'G-P2TYW6DLGB';
2368</script>
2368
2369
2370
2371<script data-adt-consent="ignore" src="/static/js/libraries/jquery.cookie-min-1576666147.js"></script>
vendor: 1 bytes, line 2371
2371
2372<script data-adt-consent="ignore" src="/static/js/plugins-min-1696219517.js"></script>
vendor: 1 bytes, line 2372
2372
2373<script data-adt-consent="ignore" src="/locale/uk_UA/lp-1788941051.js"></script>
2373
2374
2375
2376    
2376<script src="/static/js/typing-games-min-1775817942.js"></script>
2376
2377    
2377<script src="/static/js/lottie-main-min-1776785230.js"></script>
2377
2378    
2378<script src="/static/js/youtube-facade-min-1780039724.js"></script>
2378
2379
2380
2381
2382
2383
2384
2385    
2385<script data-adt-consent="ignore">
2386        if (!sessionStorage.getItem('google_login_ignored')) {
2387            const script = document.createElement('script');
2388
2389            script.src = 'https://accounts.google.com/gsi/client';
2390            script.async = true;
2391            script.defer = true;
2392
2393            document.body.appendChild(script);
2394
2395            function pushDataLayerGoogleOneTap(loginOrRegister) {
2396                if (typeof gtag === 'function') {
2397                    gtag('event', loginOrRegister, {
2398                        method: 'Google_PopUp',
2399                    });
2400                }
2401            }
2402
2403            window.onload = function () {
2404                if (typeof google === "undefined") {
2405                    return;
2406                }
2407                google.accounts.id.initialize({
2408                    client_id: "323074952685-j7joum6d5n9g7cior3nb9eqki2suq4f0.apps.googleusercontent.com",
2409                    use_fedcm_for_prompt: true,
2410                    cancel_on_tap_outside: false,
2411                    callback: function (response) {
2412                        const secret = 'f97c1f4b3f8d069fc54b8d13e4937c7a';
2413                        const locale = 'uk_UA';
2414
2415                        $.ajax({
2416                            type: 'post',
2417                            url: '/ajax/signInWithGoogle.php',
2418                            data: {token: response.credential, secret, locale},
2419                            dataType: 'json',
2420                            success: function (data) {
2421                                pushDataLayerGoogleOneTap(data.actionType);
2422
2423                                if (data.status === 'redirect') {
2424                                    window.location.href = data.url;
2425                                }
2426                            },
2427                        });
2428                    }
2429                });
2430                google.accounts.id.prompt();
2431            };
2432
2433            sessionStorage.setItem('google_login_ignored', 'true')
2434        }
2435    </script>
2435
2436
2437<script data-adt-consent="ignore">
2438    const userID = '';
2439    const userId = '';
2440    const langPrefix = '';
2441    window.userRegDateTime = "";
2442    window.isSale = false;
2443    window.userTheme = "1";
2444    window.isUserSignedIn = false;
2445    window.headerLinkRewardName = "";
2446</script>
vendor: 1 bytes, line 2446
2446
2447<script src="/static/js/header-banner-min-1775198928.js"></script>
vendor: 1 bytes, line 2447
2447
2448<script src="/static/js/kbd-hint-tooltip-min-1788345635.js"></script>
vendor: 1 bytes, line 2448
2448
2449<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"88b0b49e555243fb99a38d16721d67a0","r":1,"spa":2}' crossorigin="anonymous"></script>
2449
2450</body>
2451</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.