.test_screen .step{background-color:#000;background-position:50%;background-repeat:repeat;cursor:pointer;height:100%;left:0;position:fixed;top:0;width:100%}.test_screen .step .text{animation:text 2s ease forwards;background-color:#fff;box-shadow:0 .1875rem 1.25rem 0 rgba(0,0,0,.15);font-size:1.25rem;left:0;padding:.9375rem 0;position:absolute;text-align:center;top:0;width:100%}@keyframes text{0%{box-shadow:0 .1875rem 1.25rem 0 rgba(0,0,0,.15);transform:translateY(0)}80%{box-shadow:0 .1875rem 1.25rem 0 rgba(0,0,0,.15);transform:translateY(0)}to{box-shadow:none;transform:translateY(-100%)}}.test_screen .step.end{align-items:center;display:flex;font-size:6.25rem;justify-content:center}.test_screen .step-1{background-color:red}.test_screen .step-2{background-color:lime}.test_screen .step-3{background-color:blue}.test_screen .step-4{background-color:#ff0}.test_screen .step-5{background-color:aqua}.test_screen .step-6{background-color:#f0f}.test_screen .step-7{background-color:#fff}.test_screen .step-8{background-color:#000}.test_screen .step-9{background-image:url(data:image/gif;base64,R0lGODlhGAAYAIAAAP///wAAACH5BAAAAAAALAAAAAAYABgAAAItjI+pB+0Po1u0yourTrjDDQbeCIQb6Zka2qkWe7kUHMsKLdk3/ukI3/MZgI8CADs=)}.test_screen .step-10{background-image:url(data:image/gif;base64,R0lGODlhGAAYAIAAAP///wAAACH5BAAAAAAALAAAAAAYABgAAAImjI+py30Ao5y02hud3tzgD4ZQR5aPiKajyW7qG7ZyA9fXjCf2PhUAOw==)}.test_screen .step-11{background-image:url(data:image/gif;base64,R0lGODlhGAAYAIAAAP///wAAACH5BAAAAAAALAAAAAAYABgAAAIgDIynyesNn4x02oqvznz7Dn5iSI5miZ5qyq5uC79yXAAAOw==)}.test_screen .step-12{background-image:url(data:image/gif;base64,R0lGODlhGAAYAIAAAP///wAAACH5BAAAAAAALAAAAAAYABgAAAIvTACGmtfrmIwU2ofn1bn27XFiSILmh46nmpbt6rJyTMP2i8+3ntf97uMJg0TgrQAAOw==)}.test_screen .step-13{background-image:url(data:image/gif;base64,R0lGODlhGAAYAIAAAP///wAAACH5BAAAAAAALAAAAAAYABgAAAItDIynybrf4pEUAltjxo9v9HlXSJGc+JkSiqoWm7kN7MmdDdIrPukvHwCOfIwCADs=)}.test_screen .step-14{background-image:url(data:image/gif;base64,R0lGODlhGAAYAIAAAP///wAAACH5BAAAAAAALAAAAAAYABgAAAI0TACGmtfrmIwUIvvyxFvX1oWfyH3l6aEkOLaqm17rDIv0i8f5Hdv1vzP1gMMX70gMKouNAgA7)}.test_screen .step-15{background-image:url(data:image/gif;base64,R0lGODlhGAAYAIAAAAAAAP///yH5BAAAAAAALAAAAAAYABgAAAIyhI+pGNDvIpxx2Uuz3O36pIXcRxriWZUeiqrryKbuEouzVcM3rse7ktP8QL1iZ3gIcgoAOw==)}.test_screen .step-16{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJcAAACXCAYAAAAYn8l5AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAANPSURBVHhe7dfBilwxDEXBnvz/Pye25CSzCgR0MZgqaBif2Qrr+evz+fxcPxhXw7X06Zuvr6/9j3P6S296+1f/cf6uw+/fd3rT2//0P8MF0wwXMfsOWyvzzk7W3+41XH2EWW6uQ2+T3WtRj3Uf9MQYLmL2HbZW5p2drL/da7j6CLPcXIfeJrvXoh7rPuiJMVzE7Dtsrcw7O1l/u9dw9RFmubkOvU12r0U91n3QE2O4iNl32FqZd3ay/nav4eojzHJzHXqb7F6Leqz7oCfGcBGz77C1Mu/sZP3tXsPVR5jl5jr0Ntm9FvVY90FPjOEiZt9ha2Xe2cn6272Gq48wy8116G2yey3qse6DnhjDRcy+w9bKvLOT9bd7DVcfYZab69DbZPda1GPdBz0xhouYfYetlXlnJ+tv9xquPsIsN9eht8nutajHug96YgwXMfsOWyvzzk7W3+41XH2EWW6uQ2+T3WtRj3Uf9MQYLmL2HbZW5p2drL/da7j6CLPcXIfeJrvXoh7rPuiJMVzE7Dtsrcw7O1l/u9dw9RFmubkOvU12r0U91n3QE2O4iNl32FqZd3ay/nav4eojzHJzHXqb7F6Leqz7oCfGcBGz77C1Mu/sZP3tXsPVR5jl5jr0Ntm9FvVY90FPjOEiZt9ha2Xe2cn6272Gq48wy8116G2yey3qse6DnhjDRcy+w9bKvLOT9bd7DVcfYZab69DbZPda1GPdBz0xhouYfYetlXlnJ+tv9xquPsIsN9eht8nutajHug96YgwXMfsOWyvzzk7W3+41XH2EWW6uQ2+T3WtRj3Uf9MQYLmL2HbZW5p2drL/da7j6CLPcXIfeJrvXoh7rPuiJMVzE7Dtsrcw7O1l/u9dw9RFmubkOvU12r0U91n3QE2O4iNl32FqZd3ay/nav4eojzHJzHXqb7F6Leqz7oCfGcBGz77C1Mu/sZP3tXsPVR5jl5jr0Ntm9FvVY90FPjOEiZt9ha2Xe2cn6272Gq48wy8116G2yey3qse6DnhjDRcy+w9bKvLOT9bd7DVcfYZab69DbZPda1GPdBz0xhouYfYetlXlnJ+tv9xquPsIsN9eht8nutajHug96YgwXMfsOWyvzzk7W3+41XH2ESZ/PL+dmCXEo02NKAAAAAElFTkSuQmCC) no-repeat 0 0,url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJcAAACXCAYAAAAYn8l5AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAANPSURBVHhe7dfBilwxDEXBnvz/Pye25CSzCgR0MZgqaBif2Qrr+evz+fxcPxhXw7X06Zuvr6/9j3P6S296+1f/cf6uw+/fd3rT2//0P8MF0wwXMfsOWyvzzk7W3+41XH2EWW6uQ2+T3WtRj3Uf9MQYLmL2HbZW5p2drL/da7j6CLPcXIfeJrvXoh7rPuiJMVzE7Dtsrcw7O1l/u9dw9RFmubkOvU12r0U91n3QE2O4iNl32FqZd3ay/nav4eojzHJzHXqb7F6Leqz7oCfGcBGz77C1Mu/sZP3tXsPVR5jl5jr0Ntm9FvVY90FPjOEiZt9ha2Xe2cn6272Gq48wy8116G2yey3qse6DnhjDRcy+w9bKvLOT9bd7DVcfYZab69DbZPda1GPdBz0xhouYfYetlXlnJ+tv9xquPsIsN9eht8nutajHug96YgwXMfsOWyvzzk7W3+41XH2EWW6uQ2+T3WtRj3Uf9MQYLmL2HbZW5p2drL/da7j6CLPcXIfeJrvXoh7rPuiJMVzE7Dtsrcw7O1l/u9dw9RFmubkOvU12r0U91n3QE2O4iNl32FqZd3ay/nav4eojzHJzHXqb7F6Leqz7oCfGcBGz77C1Mu/sZP3tXsPVR5jl5jr0Ntm9FvVY90FPjOEiZt9ha2Xe2cn6272Gq48wy8116G2yey3qse6DnhjDRcy+w9bKvLOT9bd7DVcfYZab69DbZPda1GPdBz0xhouYfYetlXlnJ+tv9xquPsIsN9eht8nutajHug96YgwXMfsOWyvzzk7W3+41XH2EWW6uQ2+T3WtRj3Uf9MQYLmL2HbZW5p2drL/da7j6CLPcXIfeJrvXoh7rPuiJMVzE7Dtsrcw7O1l/u9dw9RFmubkOvU12r0U91n3QE2O4iNl32FqZd3ay/nav4eojzHJzHXqb7F6Leqz7oCfGcBGz77C1Mu/sZP3tXsPVR5jl5jr0Ntm9FvVY90FPjOEiZt9ha2Xe2cn6272Gq48wy8116G2yey3qse6DnhjDRcy+w9bKvLOT9bd7DVcfYZab69DbZPda1GPdBz0xhouYfYetlXlnJ+tv9xquPsIsN9eht8nutajHug96YgwXMfsOWyvzzk7W3+41XH2ESZ/PL+dmCXEo02NKAAAAAElFTkSuQmCC) no-repeat 100% 0,url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJcAAACXCAYAAAAYn8l5AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAANPSURBVHhe7dfBilwxDEXBnvz/Pye25CSzCgR0MZgqaBif2Qrr+evz+fxcPxhXw7X06Zuvr6/9j3P6S296+1f/cf6uw+/fd3rT2//0P8MF0wwXMfsOWyvzzk7W3+41XH2EWW6uQ2+T3WtRj3Uf9MQYLmL2HbZW5p2drL/da7j6CLPcXIfeJrvXoh7rPuiJMVzE7Dtsrcw7O1l/u9dw9RFmubkOvU12r0U91n3QE2O4iNl32FqZd3ay/nav4eojzHJzHXqb7F6Leqz7oCfGcBGz77C1Mu/sZP3tXsPVR5jl5jr0Ntm9FvVY90FPjOEiZt9ha2Xe2cn6272Gq48wy8116G2yey3qse6DnhjDRcy+w9bKvLOT9bd7DVcfYZab69DbZPda1GPdBz0xhouYfYetlXlnJ+tv9xquPsIsN9eht8nutajHug96YgwXMfsOWyvzzk7W3+41XH2EWW6uQ2+T3WtRj3Uf9MQYLmL2HbZW5p2drL/da7j6CLPcXIfeJrvXoh7rPuiJMVzE7Dtsrcw7O1l/u9dw9RFmubkOvU12r0U91n3QE2O4iNl32FqZd3ay/nav4eojzHJzHXqb7F6Leqz7oCfGcBGz77C1Mu/sZP3tXsPVR5jl5jr0Ntm9FvVY90FPjOEiZt9ha2Xe2cn6272Gq48wy8116G2yey3qse6DnhjDRcy+w9bKvLOT9bd7DVcfYZab69DbZPda1GPdBz0xhouYfYetlXlnJ+tv9xquPsIsN9eht8nutajHug96YgwXMfsOWyvzzk7W3+41XH2EWW6uQ2+T3WtRj3Uf9MQYLmL2HbZW5p2drL/da7j6CLPcXIfeJrvXoh7rPuiJMVzE7Dtsrcw7O1l/u9dw9RFmubkOvU12r0U91n3QE2O4iNl32FqZd3ay/nav4eojzHJzHXqb7F6Leqz7oCfGcBGz77C1Mu/sZP3tXsPVR5jl5jr0Ntm9FvVY90FPjOEiZt9ha2Xe2cn6272Gq48wy8116G2yey3qse6DnhjDRcy+w9bKvLOT9bd7DVcfYZab69DbZPda1GPdBz0xhouYfYetlXlnJ+tv9xquPsIsN9eht8nutajHug96YgwXMfsOWyvzzk7W3+41XH2ESZ/PL+dmCXEo02NKAAAAAElFTkSuQmCC) no-repeat 0 100%,url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJcAAACXCAYAAAAYn8l5AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAANPSURBVHhe7dfBilwxDEXBnvz/Pye25CSzCgR0MZgqaBif2Qrr+evz+fxcPxhXw7X06Zuvr6/9j3P6S296+1f/cf6uw+/fd3rT2//0P8MF0wwXMfsOWyvzzk7W3+41XH2EWW6uQ2+T3WtRj3Uf9MQYLmL2HbZW5p2drL/da7j6CLPcXIfeJrvXoh7rPuiJMVzE7Dtsrcw7O1l/u9dw9RFmubkOvU12r0U91n3QE2O4iNl32FqZd3ay/nav4eojzHJzHXqb7F6Leqz7oCfGcBGz77C1Mu/sZP3tXsPVR5jl5jr0Ntm9FvVY90FPjOEiZt9ha2Xe2cn6272Gq48wy8116G2yey3qse6DnhjDRcy+w9bKvLOT9bd7DVcfYZab69DbZPda1GPdBz0xhouYfYetlXlnJ+tv9xquPsIsN9eht8nutajHug96YgwXMfsOWyvzzk7W3+41XH2EWW6uQ2+T3WtRj3Uf9MQYLmL2HbZW5p2drL/da7j6CLPcXIfeJrvXoh7rPuiJMVzE7Dtsrcw7O1l/u9dw9RFmubkOvU12r0U91n3QE2O4iNl32FqZd3ay/nav4eojzHJzHXqb7F6Leqz7oCfGcBGz77C1Mu/sZP3tXsPVR5jl5jr0Ntm9FvVY90FPjOEiZt9ha2Xe2cn6272Gq48wy8116G2yey3qse6DnhjDRcy+w9bKvLOT9bd7DVcfYZab69DbZPda1GPdBz0xhouYfYetlXlnJ+tv9xquPsIsN9eht8nutajHug96YgwXMfsOWyvzzk7W3+41XH2EWW6uQ2+T3WtRj3Uf9MQYLmL2HbZW5p2drL/da7j6CLPcXIfeJrvXoh7rPuiJMVzE7Dtsrcw7O1l/u9dw9RFmubkOvU12r0U91n3QE2O4iNl32FqZd3ay/nav4eojzHJzHXqb7F6Leqz7oCfGcBGz77C1Mu/sZP3tXsPVR5jl5jr0Ntm9FvVY90FPjOEiZt9ha2Xe2cn6272Gq48wy8116G2yey3qse6DnhjDRcy+w9bKvLOT9bd7DVcfYZab69DbZPda1GPdBz0xhouYfYetlXlnJ+tv9xquPsIsN9eht8nutajHug96YgwXMfsOWyvzzk7W3+41XH2ESZ/PL+dmCXEo02NKAAAAAElFTkSuQmCC) no-repeat 100% 100%,url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJcAAACXCAYAAAAYn8l5AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAANPSURBVHhe7dfBilwxDEXBnvz/Pye25CSzCgR0MZgqaBif2Qrr+evz+fxcPxhXw7X06Zuvr6/9j3P6S296+1f/cf6uw+/fd3rT2//0P8MF0wwXMfsOWyvzzk7W3+41XH2EWW6uQ2+T3WtRj3Uf9MQYLmL2HbZW5p2drL/da7j6CLPcXIfeJrvXoh7rPuiJMVzE7Dtsrcw7O1l/u9dw9RFmubkOvU12r0U91n3QE2O4iNl32FqZd3ay/nav4eojzHJzHXqb7F6Leqz7oCfGcBGz77C1Mu/sZP3tXsPVR5jl5jr0Ntm9FvVY90FPjOEiZt9ha2Xe2cn6272Gq48wy8116G2yey3qse6DnhjDRcy+w9bKvLOT9bd7DVcfYZab69DbZPda1GPdBz0xhouYfYetlXlnJ+tv9xquPsIsN9eht8nutajHug96YgwXMfsOWyvzzk7W3+41XH2EWW6uQ2+T3WtRj3Uf9MQYLmL2HbZW5p2drL/da7j6CLPcXIfeJrvXoh7rPuiJMVzE7Dtsrcw7O1l/u9dw9RFmubkOvU12r0U91n3QE2O4iNl32FqZd3ay/nav4eojzHJzHXqb7F6Leqz7oCfGcBGz77C1Mu/sZP3tXsPVR5jl5jr0Ntm9FvVY90FPjOEiZt9ha2Xe2cn6272Gq48wy8116G2yey3qse6DnhjDRcy+w9bKvLOT9bd7DVcfYZab69DbZPda1GPdBz0xhouYfYetlXlnJ+tv9xquPsIsN9eht8nutajHug96YgwXMfsOWyvzzk7W3+41XH2EWW6uQ2+T3WtRj3Uf9MQYLmL2HbZW5p2drL/da7j6CLPcXIfeJrvXoh7rPuiJMVzE7Dtsrcw7O1l/u9dw9RFmubkOvU12r0U91n3QE2O4iNl32FqZd3ay/nav4eojzHJzHXqb7F6Leqz7oCfGcBGz77C1Mu/sZP3tXsPVR5jl5jr0Ntm9FvVY90FPjOEiZt9ha2Xe2cn6272Gq48wy8116G2yey3qse6DnhjDRcy+w9bKvLOT9bd7DVcfYZab69DbZPda1GPdBz0xhouYfYetlXlnJ+tv9xquPsIsN9eht8nutajHug96YgwXMfsOWyvzzk7W3+41XH2ESZ/PL+dmCXEo02NKAAAAAElFTkSuQmCC) no-repeat 50% #000}.test_screen .step-17{animation:breathing 2s linear infinite}@keyframes breathing{0%{background-color:#000}49%{background-color:#000}50%{background-color:#fff}to{background-color:#fff}}.test_screen .step-18{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAtCAIAAAC1eHXNAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABTSURBVFhH7dchEoAwDADBwv//XEzN6cJQsWsSeTIZ++aca9twr/k3HaWjdJSO0lE6SkfpKB2lo65Xru0j+Bs+oKN0lI7SUTpKR+koHaWjzugY4wFc3QlN1CDyhQAAAABJRU5ErkJggg==)}.test_screen .step-19{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIcAAACHCAIAAACzhd1dAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGDSURBVHhe7dwxCoUwFAVR8/e/Z7+Fhb0Bh8c5jW1giNUlx3vn/f3aoHP87i8lqhSpUqRKkSpFqhSpUqRKkSpFqhSpUqRKkSpFqhSpUqRKkSpFqhSpUqRKkSpFK7IMcY7NBi1+tthwDn+wIlWKVClSpUiVIlWKVClSpUiVIlWKVClSpUiVIlWKVClSpUiVIlWKVClSpUiVsRLrkklTG3elSJUiVYpUKVKlSJUiVYpUKVKlSJUiVYpUKVKlSJUiVYpUKVKlSJUiVYpUKVKlaGUWKtdJvjfmcZ2L5dGD5dFUqhSpUqRKkSpFqhSpUqRKkSpFqhSpUqRKkSpFqhSpUqRKkSpFqhSpUqRKkSpTTVqXvLblEO5KkSpFqhSpUqRKkSpFqhSpUqRKkSpFqhSpUqRKkSpFqhSpUqRKkSpFqhSpUqRK0aosVBrv2kQe+dnB8ujB8mgsVYpUKVKlSJUiVYpUKVKlSJUiVYpUKVKlSJUiVYpUKVKlSJUiVYpUKVKlSJWe4/gDtAob6yQVsDgAAAAASUVORK5CYII=)}.test_screen .step-20 .contrast-box,.test_screen .step-21 .contrast-box{font-size:0}.test_screen .step-20 .contrast-box div,.test_screen .step-21 .contrast-box div{display:inline-block;height:25vh;width:10%}.test_screen .step-22{background-image:linear-gradient(90deg,#000,#fff)}.test_screen .step-23{background-image:linear-gradient(90deg,#000,red)}.test_screen .step-24{background-image:linear-gradient(90deg,#000,lime)}.test_screen .step-25{background-image:linear-gradient(90deg,#000,blue)}.test_screen .step-26{background-image:linear-gradient(90deg,#f0f,red,#ff0,lime,cyan,blue,#f0f)}.test_screen .step-27{background-color:#111}