@import 'https://fonts.googleapis.com/css?family=Press+Start+2P'; body {margin: 0; padding: 0; background: #333; color: white; font-family: 'Press Start 2P', sans-serif; text-align: center; text-transform: uppercase;} input {position: absolute; left: -100vw;} label {display: block; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);} p {margin: 0; padding: 0;} #title, form {position: absolute; width: 100vmin; height: 100vmin; left: 50%; top: 0; transform: translateX(-50%); background: black; overflow: hidden;} #title {display: none;} #title #text {perspective: 15vmin;} #title h1 {position: absolute; left: 0; top: -2.5vmin; color: magenta; margin: 10vmin 0 2vmin; font-size: 12vmin; line-height: 15vmin; transform: rotateX(-10deg);} #title h1::before {content: "Space Aliens";} #title h1:nth-of-type(2) {top: -1.75vmin; color: cyan; transform: scale(1.025) rotateX(-10deg);} #title h1:nth-of-type(3) {top: -1vmin; color: yellow; transform: scale(1.05) rotateX(-10deg);} #pointText {margin: 60vmin 0 5vmin; font-size: 3vmin;} [for="state_play-active"], #title > [for="reset"] {top: 40vmin;} #wave0:checked ~ #title > [for="reset"] {visibility: hidden;} #lives {position: absolute; width: 20vmin; height: 4vmin; left: 40vmin; top: 8vmin; display: flex; justify-content: center;} #lives div, #base {width: 6vmin; height: 4vmin; background-size: 6vmin 4vmin; image-rendering: pixelated; image-rendering: crisp-edges; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAJCAYAAADpeqZqAAAAIUlEQVQYlWNgwAX+M/zHKYdTAwwOAk3/SYAka4BrHNSaALAfkW80h7cHAAAAAElFTkSuQmCC);} #lives div + div {margin-left: 1vmin;} #state_life2-active:checked ~ form #lives div:nth-of-type(2) ~ div, #state_life1-active:checked ~ form #lives div:nth-of-type(1) ~ div {display: none;} #hiscoreText, #livesText, #scoreText {position: absolute; left: 3vmin; top: 3vmin; font-size: 4vmin; line-height: 5vmin;} #livesText {width: 20vmin; left: 40vmin;} #scoreText {left: initial; right: 3vmin;} #game {position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: black; --delaypause: paused; animation: none 0.1s;} #state_restart:checked ~ form #game .game, #state_lose:checked ~ form #game .game {display: none;} #state_restart:checked ~ form #title {display: block;} #state_restart:checked ~ form #hiscores, #state_restart:checked ~ form #score {visibility: hidden;} @keyframes delaypause1 {0% {--delaypause: running;} 100% {--delaypause: running;}} @keyframes delaypause2 {0% {--delaypause: running;} 100% {--delaypause: running;}} form {margin: 0; padding: 0; overflow: hidden;} #hiscores + p {display: none; margin: 12vmin 0 0; font-size: 3vmin;} #state_lose:checked ~ form #hiscores + p {display: block;} #hiscores, #score {display: flex; position: absolute; top: 7vmin; width: 20vmin; height: 5vmin; overflow: hidden;} #hiscores {left: 3vmin; flex-direction: column; flex-wrap: wrap; list-style: none; margin: 0; padding: 0;} #score {right: 3vmin;} #state_lose:checked ~ form #hiscores {height: 25vmin; left: 40vmin; top: 20vmin;} @keyframes hiscore {100% {order: -1000;}} #hiscores > li {display: flex; height: 5vmin; margin: 0; padding: 0; overflow: hidden; animation-name: hiscore; animation-duration: 100s; animation-timing-function: steps(1000); animation-iteration-count: infinite; animation-play-state: paused;} @keyframes score {100% {transform: translateY(-100%);}} #hiscores > li ul, #score ul {counter-reset: score -1; list-style: none; width: 4vmin; height: 50vmin; margin: 0; padding: 0; animation-name: score; animation-timing-function: steps(10); animation-iteration-count: infinite; animation-play-state: paused;} #score ul {animation-play-state: var(--delaypause);} #state_restart:checked ~ form #score ul {animation-name: none;} .tens {animation-duration: 1s;} .hundreds {animation-duration: 10s;} .thousands {animation-duration: 100s;} .tenthousands {animation-duration: 1000s;} #hiscores > li ul li, #score li {height: 5vmin; margin: 0; padding: 0;} #hiscores > li ul li::before, #score li::before {counter-increment: score; content: counter(score); display: block; font-size: 4vmin; line-height: 5vmin;} @keyframes ufo {100% {transform: translateX(200vmin);}} div[id^="ufo"] {position: absolute; width: 8vmin; height: 4vmin; left: -60vmin; top: 14vmin; animation: none 50s steps(100) 1s 20 alternate;} div[id^="ufo"]::before {content: ""; position: absolute; height: 4vmin;} div[id^="ufo"]::before, #points li:nth-of-type(1)::before {width: 8vmin; background-size: 8vmin 4vmin; image-rendering: pixelated; image-rendering: crisp-edges; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAHCAYAAADXhRcnAAAAM0lEQVQYlWNgwAL+MzD8R8fY1BHURJQhxGjEagCyIDKNT5xkG3G6AJtN+PhY/U0oQJH5ABcvd4lY0Y62AAAAAElFTkSuQmCC);} [id^="state_"][id$="-active"]:checked ~ form #wave0:checked ~ #game #ufo0, [id^="state_"][id$="-active"]:checked ~ form #wave0:checked ~ #hitufo-0:checked ~ #game #ufo1 {animation-name: ufo;} [id^="state_"][id$="-active"]:checked ~ form #hitufo-0:checked ~ #game #ufo0, [id^="state_"][id$="-active"]:checked ~ form #hitufo-1:checked ~ #game #ufo1 {animation-play-state: paused;} @keyframes move-lr {100% {transform: translateX(32vmin);}} @keyframes move-down {100% {transform: translateY(60vmin);}} #wave {position: absolute; width: 66vmin; height: 30vmin; left: 0; top: 12vmin; padding: 8vmin 31vmin 0 3vmin; display: none; flex-wrap: wrap; overflow: hidden; animation: none 160s steps(10) 1s; animation-fill-mode: forwards;} #wave div {width: 4vmin; height: 4vmin; margin: 0 2vmin 2vmin 0; animation: none 16s steps(16) 1s 10 alternate; animation-fill-mode: forwards; overflow: hidden;} @keyframes animate {100% {transform: translateY(-100%);}} #wave div::before {content: ""; position: absolute; width: 15vmin; height: 8vmin; left: 0; animation: none 2s steps(2) 2s 80;} #wave div::before, #points li::before {background-size: 15vmin 8vmin; image-rendering: pixelated; image-rendering: crisp-edges; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAYCAYAAABurXSEAAAAxUlEQVRYhe2UwQ6AIAxD/f+f1pMJmdv6CjEmhp5gtGu3A8ex8RHOAEfn1Dtvi6zgBp8JjLxoYNVsdVhLl5Gqe9VofItcOmx3xlPS6Ve0RF8Nm05NtnRzlPnIU30ItxTRJioUCR0Hnw5OAmfcLADxzJbkeG9s/Ar2PznonHrnbZEVVKjIcf5ea1k0cNXsrilNF8RZ0kMQax2nelP3St+d8ZR0+hUt0ZfbVhumuhXz6CvDxoDVmZqSuuK0OnebM8Fe2/TGy7gAe75T5XBUltAAAAAASUVORK5CYII=);} #points {list-style: none; width: 25vmin; margin: 0 auto;} #points li {position: relative; width: 100%; height: 5vmin; font-size: 2vmin; line-height: 5vmin;} #points li::before {content: ""; position: absolute; width: 4vmin; height: 4vmin; left: -5vmin;} #points li:nth-of-type(1)::before {left: -7vmin;} #points li:nth-of-type(2)::before {background-position-x: 5vmin;} #points li:nth-of-type(3)::before {background-position-x: 10vmin;} [id="wave0"]:checked ~ #game [id="wave"] {display: flex;} #wave div:nth-of-type(-n+33)::before {left: -5vmin;} #wave div:nth-of-type(-n+11)::before {left: -10vmin;} [id^="state_"][id$="-active"]:checked ~ form #wave0:checked ~ #game #wave {animation-name: move-down;} [id^="state_"][id$="-active"]:checked ~ form #wave0:checked ~ #game #wave div {animation-name: move-lr;} [id^="state_"][id$="-active"]:checked ~ form [id="wave0"]:checked ~ #game #wave div::before {animation-name: animate;} @keyframes fade {100% {opacity: 0;}} #shields {position: absolute; width: 94vmin; height: 4vmin; left: 3vmin; top: 68vmin;} #shields > div > div {display: flex;} #shields > div > div > div {width: 10vmin; height: 4vmin; margin-left: 6vmin; display: flex; flex-wrap: wrap; justify-content: space-between;} #shields > div > div > div + div {margin-left: 14vmin;} #shields > div > div > div div {width: 2vmin; height: 2vmin; background: green; visibility: hidden;} [id^="state_"][id$="-active"]:checked ~ form #wave0:checked ~ [id^="inv0-"]:checked ~ #game #shields, [id^="state_"][id$="-active"]:checked ~ form #wave0:checked ~ [id^="inv1-"]:checked ~ #game #shields > div, [id^="state_"][id$="-active"]:checked ~ form #wave0:checked ~ [id^="inv2-"]:checked ~ #game #shields > div > div, [id^="state_"][id$="-active"]:checked ~ form #wave0:checked ~ [id^="inv3-"]:checked ~ #game #shields > div > div > div, [id^="state_"][id$="-active"]:checked ~ form #wave0:checked ~ [id^="inv4-"]:checked ~ #game #shields > div > div > div > div {animation-play-state: running;} [id^="state_"][id$="-active"]:checked ~ form #wave0:checked ~ #game #shields {animation: fade 1s linear 129s paused forwards;} [id^="state_"][id$="-active"]:checked ~ form #wave0:checked ~ #game #shields > div {animation: fade 1s linear 113s paused forwards;} [id^="state_"][id$="-active"]:checked ~ form #wave0:checked ~ #game #shields > div > div {animation: fade 1s linear 97s paused forwards;} [id^="state_"][id$="-active"]:checked ~ form #wave0:checked ~ #game #shields > div > div > div {animation: fade 1s linear 81s paused forwards;} [id^="state_"][id$="-active"]:checked ~ form #wave0:checked ~ #game #shields > div > div > div > div {animation: fade 1s linear 65s paused forwards;} [id^="state_"][id$="-active"]:checked ~ form #hitufo-0:checked ~ #game #ufo0::before, [id^="state_"][id$="-active"]:checked ~ form #hitufo-1:checked ~ #game #ufo1::before, #hit0-0:checked ~ #game #wave div:nth-of-type(1)::before,#hit0-1:checked ~ #game #wave div:nth-of-type(2)::before,#hit0-2:checked ~ #game #wave div:nth-of-type(3)::before, #hit0-3:checked ~ #game #wave div:nth-of-type(4)::before,#hit0-4:checked ~ #game #wave div:nth-of-type(5)::before,#hit0-5:checked ~ #game #wave div:nth-of-type(6)::before, #hit0-6:checked ~ #game #wave div:nth-of-type(7)::before,#hit0-7:checked ~ #game #wave div:nth-of-type(8)::before,#hit0-8:checked ~ #game #wave div:nth-of-type(9)::before, #hit0-9:checked ~ #game #wave div:nth-of-type(10)::before,#hit0-10:checked ~ #game #wave div:nth-of-type(11)::before,#hit1-11:checked ~ #game #wave div:nth-of-type(12)::before, #hit1-12:checked ~ #game #wave div:nth-of-type(13)::before,#hit1-13:checked ~ #game #wave div:nth-of-type(14)::before,#hit1-14:checked ~ #game #wave div:nth-of-type(15)::before, #hit1-15:checked ~ #game #wave div:nth-of-type(16)::before,#hit1-16:checked ~ #game #wave div:nth-of-type(17)::before,#hit1-17:checked ~ #game #wave div:nth-of-type(18)::before, #hit1-18:checked ~ #game #wave div:nth-of-type(19)::before,#hit1-19:checked ~ #game #wave div:nth-of-type(20)::before,#hit1-20:checked ~ #game #wave div:nth-of-type(21)::before, #hit1-21:checked ~ #game #wave div:nth-of-type(22)::before,#hit2-22:checked ~ #game #wave div:nth-of-type(23)::before,#hit2-23:checked ~ #game #wave div:nth-of-type(24)::before, #hit2-24:checked ~ #game #wave div:nth-of-type(25)::before,#hit2-25:checked ~ #game #wave div:nth-of-type(26)::before,#hit2-26:checked ~ #game #wave div:nth-of-type(27)::before, #hit2-27:checked ~ #game #wave div:nth-of-type(28)::before,#hit2-28:checked ~ #game #wave div:nth-of-type(29)::before,#hit2-29:checked ~ #game #wave div:nth-of-type(30)::before, #hit2-30:checked ~ #game #wave div:nth-of-type(31)::before,#hit2-31:checked ~ #game #wave div:nth-of-type(32)::before,#hit2-32:checked ~ #game #wave div:nth-of-type(33)::before, #hit3-33:checked ~ #game #wave div:nth-of-type(34)::before,#hit3-34:checked ~ #game #wave div:nth-of-type(35)::before,#hit3-35:checked ~ #game #wave div:nth-of-type(36)::before, #hit3-36:checked ~ #game #wave div:nth-of-type(37)::before,#hit3-37:checked ~ #game #wave div:nth-of-type(38)::before,#hit3-38:checked ~ #game #wave div:nth-of-type(39)::before, #hit3-39:checked ~ #game #wave div:nth-of-type(40)::before,#hit3-40:checked ~ #game #wave div:nth-of-type(41)::before,#hit3-41:checked ~ #game #wave div:nth-of-type(42)::before, #hit3-42:checked ~ #game #wave div:nth-of-type(43)::before,#hit3-43:checked ~ #game #wave div:nth-of-type(44)::before,#hit4-44:checked ~ #game #wave div:nth-of-type(45)::before, #hit4-45:checked ~ #game #wave div:nth-of-type(46)::before,#hit4-46:checked ~ #game #wave div:nth-of-type(47)::before,#hit4-47:checked ~ #game #wave div:nth-of-type(48)::before, #hit4-48:checked ~ #game #wave div:nth-of-type(49)::before,#hit4-49:checked ~ #game #wave div:nth-of-type(50)::before,#hit4-50:checked ~ #game #wave div:nth-of-type(51)::before, #hit4-51:checked ~ #game #wave div:nth-of-type(52)::before,#hit4-52:checked ~ #game #wave div:nth-of-type(53)::before,#hit4-53:checked ~ #game #wave div:nth-of-type(54)::before, #hit4-54:checked ~ #game #wave div:nth-of-type(55)::before {left: 0; visibility: hidden; animation: miss0 0.5s steps(1); background-size: 4vmin 4vmin; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAJCAYAAAAGuM1UAAAAMElEQVQYlWNgQAL/////z4AGsImhCBLDxm0SEXKEwX8ooJY6/CYQLUdWKOESRBcDAKjNT7G/g0oVAAAAAElFTkSuQmCC);} #shield0-0:checked ~ #game #shields > div > div > div:nth-of-type(1) div:nth-of-type(1),#shield0-1:checked ~ #game #shields > div > div > div:nth-of-type(1) div:nth-of-type(2), #shield0-2:checked ~ #game #shields > div > div > div:nth-of-type(1) div:nth-of-type(3),#shield0-3:checked ~ #game #shields > div > div > div:nth-of-type(1) div:nth-of-type(4), #shield0-4:checked ~ #game #shields > div > div > div:nth-of-type(1) div:nth-of-type(5),#shield0-5:checked ~ #game #shields > div > div > div:nth-of-type(1) div:nth-of-type(6), #shield0-6:checked ~ #game #shields > div > div > div:nth-of-type(1) div:nth-of-type(7),#shield1-0:checked ~ #game #shields > div > div > div:nth-of-type(2) div:nth-of-type(1), #shield1-1:checked ~ #game #shields > div > div > div:nth-of-type(2) div:nth-of-type(2),#shield1-2:checked ~ #game #shields > div > div > div:nth-of-type(2) div:nth-of-type(3), #shield1-3:checked ~ #game #shields > div > div > div:nth-of-type(2) div:nth-of-type(4),#shield1-4:checked ~ #game #shields > div > div > div:nth-of-type(2) div:nth-of-type(5), #shield1-5:checked ~ #game #shields > div > div > div:nth-of-type(2) div:nth-of-type(6),#shield1-6:checked ~ #game #shields > div > div > div:nth-of-type(2) div:nth-of-type(7), #shield2-0:checked ~ #game #shields > div > div > div:nth-of-type(3) div:nth-of-type(1),#shield2-1:checked ~ #game #shields > div > div > div:nth-of-type(3) div:nth-of-type(2), #shield2-2:checked ~ #game #shields > div > div > div:nth-of-type(3) div:nth-of-type(3),#shield2-3:checked ~ #game #shields > div > div > div:nth-of-type(3) div:nth-of-type(4), #shield2-4:checked ~ #game #shields > div > div > div:nth-of-type(3) div:nth-of-type(5),#shield2-5:checked ~ #game #shields > div > div > div:nth-of-type(3) div:nth-of-type(6), #shield2-6:checked ~ #game #shields > div > div > div:nth-of-type(3) div:nth-of-type(7),#shield3-0:checked ~ #game #shields > div > div > div:nth-of-type(4) div:nth-of-type(1), #shield3-1:checked ~ #game #shields > div > div > div:nth-of-type(4) div:nth-of-type(2),#shield3-2:checked ~ #game #shields > div > div > div:nth-of-type(4) div:nth-of-type(3), #shield3-3:checked ~ #game #shields > div > div > div:nth-of-type(4) div:nth-of-type(4),#shield3-4:checked ~ #game #shields > div > div > div:nth-of-type(4) div:nth-of-type(5), #shield3-5:checked ~ #game #shields > div > div > div:nth-of-type(4) div:nth-of-type(6),#shield3-6:checked ~ #game #shields > div > div > div:nth-of-type(4) div:nth-of-type(7) {visibility: visible;} #base {position: absolute; top: 78vmin; left: 3vmin;} #base::before {content: ""; position: absolute; width: 4vmin; height: 4vmin; left: 0; top: -64vmin; visibility: hidden; animation: none 1s steps(1); background-size: 4vmin 4vmin; background-repeat: none; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAJCAYAAAAGuM1UAAAAMElEQVQYlWNgQAL/////z4AGsImhCBLDxm0SEXKEwX8ooJY6/CYQLUdWKOESRBcDAKjNT7G/g0oVAAAAAElFTkSuQmCC);} #land {position: absolute; width: 100%; height: 6vmin; left: 0; top: 78vmin; background: black;} #controls {position: absolute; width: 100%; height: 16vmin; left: 0; bottom: 0; background: #999;} .arrows {position: absolute; left: 10vmin; top: 3vmin;} .arrows div {position: absolute; width: 0; height: 0; left: 0; border-top: 5vmin transparent solid; border-right: 5vmin yellow solid; border-bottom: 5vmin transparent solid;} .arrows .arrow2 {left: 2vmin; border-right-color: orange;} .arrows .arrow3 {left: 4vmin; border-right-color: red;} .arrows .arrow4 {left: 6vmin; border-right-color: black;} .arrowsr {transform: rotate(180deg); left: 60vmin; top: 13vmin;} .arrowsu {transform: rotate(90deg); left: 88vmin; top: 0;} #move {position: absolute; width: 30vmin; height: 10vmin; left: 20vmin; top: 3vmin; overflow: hidden;} #move div {position: absolute; width: calc(10vmin * 46); height: 10vmin; display: flex; z-index: 1;} #move label {width: 10vmin; height: 10vmin;} #move::before, #move::after {content: ""; left: 0; top: 0; z-index: 0;} #move::before, #move::after, #fire {position: absolute; width: 10vmin; height: 10vmin; background: white; border-radius: 50%; box-shadow: inset 0 0 0 0.5vmin white, inset 0 0 0.5vmin 1vmin #999;} #move::after {left: 20vmin;} #pos0:checked ~ #game #move div {transform: translateX(10vmin);}#pos1:checked ~ #game #move div {transform: translateX(0);} #pos2:checked ~ #game #move div {transform: translateX(-10vmin);}#pos3:checked ~ #game #move div {transform: translateX(-20vmin);} #pos4:checked ~ #game #move div {transform: translateX(-30vmin);}#pos5:checked ~ #game #move div {transform: translateX(-40vmin);} #pos6:checked ~ #game #move div {transform: translateX(-50vmin);}#pos7:checked ~ #game #move div {transform: translateX(-60vmin);} #pos8:checked ~ #game #move div {transform: translateX(-70vmin);}#pos9:checked ~ #game #move div {transform: translateX(-80vmin);} #pos10:checked ~ #game #move div {transform: translateX(-90vmin);}#pos11:checked ~ #game #move div {transform: translateX(-100vmin);} #pos12:checked ~ #game #move div {transform: translateX(-110vmin);}#pos13:checked ~ #game #move div {transform: translateX(-120vmin);} #pos14:checked ~ #game #move div {transform: translateX(-130vmin);}#pos15:checked ~ #game #move div {transform: translateX(-140vmin);} #pos16:checked ~ #game #move div {transform: translateX(-150vmin);}#pos17:checked ~ #game #move div {transform: translateX(-160vmin);} #pos18:checked ~ #game #move div {transform: translateX(-170vmin);}#pos19:checked ~ #game #move div {transform: translateX(-180vmin);} #pos20:checked ~ #game #move div {transform: translateX(-190vmin);}#pos21:checked ~ #game #move div {transform: translateX(-200vmin);} #pos22:checked ~ #game #move div {transform: translateX(-210vmin);}#pos23:checked ~ #game #move div {transform: translateX(-220vmin);} #pos24:checked ~ #game #move div {transform: translateX(-230vmin);}#pos25:checked ~ #game #move div {transform: translateX(-240vmin);} #pos26:checked ~ #game #move div {transform: translateX(-250vmin);}#pos27:checked ~ #game #move div {transform: translateX(-260vmin);} #pos28:checked ~ #game #move div {transform: translateX(-270vmin);}#pos29:checked ~ #game #move div {transform: translateX(-280vmin);} #pos30:checked ~ #game #move div {transform: translateX(-290vmin);}#pos31:checked ~ #game #move div {transform: translateX(-300vmin);} #pos32:checked ~ #game #move div {transform: translateX(-310vmin);}#pos33:checked ~ #game #move div {transform: translateX(-320vmin);} #pos34:checked ~ #game #move div {transform: translateX(-330vmin);}#pos35:checked ~ #game #move div {transform: translateX(-340vmin);} #pos36:checked ~ #game #move div {transform: translateX(-350vmin);}#pos37:checked ~ #game #move div {transform: translateX(-360vmin);} #pos38:checked ~ #game #move div {transform: translateX(-370vmin);}#pos39:checked ~ #game #move div {transform: translateX(-380vmin);} #pos40:checked ~ #game #move div {transform: translateX(-390vmin);}#pos41:checked ~ #game #move div {transform: translateX(-400vmin);} #pos42:checked ~ #game #move div {transform: translateX(-410vmin);}#pos43:checked ~ #game #move div {transform: translateX(-420vmin);} #pos44:checked ~ #game #move div {transform: translateX(-430vmin);} #pos0:checked ~ #game #base {transform: translateX(0);}#pos1:checked ~ #game #base {transform: translateX(2vmin);} #pos2:checked ~ #game #base {transform: translateX(4vmin);}#pos3:checked ~ #game #base {transform: translateX(6vmin);} #pos4:checked ~ #game #base {transform: translateX(8vmin);}#pos5:checked ~ #game #base {transform: translateX(10vmin);} #pos6:checked ~ #game #base {transform: translateX(12vmin);}#pos7:checked ~ #game #base {transform: translateX(14vmin);} #pos8:checked ~ #game #base {transform: translateX(16vmin);}#pos9:checked ~ #game #base {transform: translateX(18vmin);} #pos10:checked ~ #game #base {transform: translateX(20vmin);}#pos11:checked ~ #game #base {transform: translateX(22vmin);} #pos12:checked ~ #game #base {transform: translateX(24vmin);}#pos13:checked ~ #game #base {transform: translateX(26vmin);} #pos14:checked ~ #game #base {transform: translateX(28vmin);}#pos15:checked ~ #game #base {transform: translateX(30vmin);} #pos16:checked ~ #game #base {transform: translateX(32vmin);}#pos17:checked ~ #game #base {transform: translateX(34vmin);} #pos18:checked ~ #game #base {transform: translateX(36vmin);}#pos19:checked ~ #game #base {transform: translateX(38vmin);} #pos20:checked ~ #game #base {transform: translateX(40vmin);}#pos21:checked ~ #game #base {transform: translateX(42vmin);} #pos22:checked ~ #game #base {transform: translateX(44vmin);}#pos23:checked ~ #game #base {transform: translateX(46vmin);} #pos24:checked ~ #game #base {transform: translateX(48vmin);}#pos25:checked ~ #game #base {transform: translateX(50vmin);} #pos26:checked ~ #game #base {transform: translateX(52vmin);}#pos27:checked ~ #game #base {transform: translateX(54vmin);} #pos28:checked ~ #game #base {transform: translateX(56vmin);}#pos29:checked ~ #game #base {transform: translateX(58vmin);} #pos30:checked ~ #game #base {transform: translateX(60vmin);}#pos31:checked ~ #game #base {transform: translateX(62vmin);} #pos32:checked ~ #game #base {transform: translateX(64vmin);}#pos33:checked ~ #game #base {transform: translateX(66vmin);} #pos34:checked ~ #game #base {transform: translateX(68vmin);}#pos35:checked ~ #game #base {transform: translateX(70vmin);} #pos36:checked ~ #game #base {transform: translateX(72vmin);}#pos37:checked ~ #game #base {transform: translateX(74vmin);} #pos38:checked ~ #game #base {transform: translateX(76vmin);}#pos39:checked ~ #game #base {transform: translateX(78vmin);} #pos40:checked ~ #game #base {transform: translateX(80vmin);}#pos41:checked ~ #game #base {transform: translateX(82vmin);} #pos42:checked ~ #game #base {transform: translateX(84vmin);}#pos43:checked ~ #game #base {transform: translateX(86vmin);} #pos44:checked ~ #game #base {transform: translateX(88vmin);} #fire {left: 70vmin; top: 3vmin; overflow: hidden;} #fire div {height: 10vmin; pointer-events: none;} #fire > div {position: absolute; width: 450vmin;} #fire label {height: 10vmin; top: 0; pointer-events: initial; visibility: hidden; transition: visibility 0.15s steps(1);} #fire [for^="miss-"] {position: absolute; width: 450vmin; left: 0; visibility: visible;} #miss-0:checked ~ #game [for="miss-0"], #miss-1:checked ~ #game [for="miss-1"] {visibility: hidden;} @keyframes miss0 {0% {visibility: visible;}} @keyframes miss1 {0% {visibility: visible;}} #miss-0:checked ~ #game #base::before {animation-name: miss0;} #miss-1:checked ~ #game #base::before {animation-name: miss1;} @keyframes labels-ufo {100% {left: 1000vmin;}} #fire [for^="hitufo-"] {position: absolute; width: 40vmin; visibility: visible; transform: translateX(-300vmin); left: 0; animation: none 50s steps(50) 1s 20 alternate;} [id^="state_"][id$="-active"]:checked ~ form #wave0:checked ~ #game [for="hitufo-0"], [id^="state_"][id$="-active"]:checked ~ form #wave0:checked ~ #hitufo-0:checked ~ #game [for="hitufo-1"] {animation-name: labels-ufo;} [id^="state_"][id$="-active"]:checked ~ form #wave0:checked ~ #hitufo-0:checked ~ #game [for="hitufo-0"], [id^="state_"][id$="-active"]:checked ~ form #wave0:checked ~ #hitufo-1:checked ~ #game [for="hitufo-1"] {animation-name: none;} .inv-labels {position: absolute; width: 320vmin; left: -10vmin; top: 0; display: flex; justify-content: space-between; animation: none 16s steps(16) 1s 10 alternate; animation-fill-mode: forwards; } .inv-labels label {width: 20vmin; height: 10vmin; left: 0;} @keyframes labels-lr {100% {left: 150vmin;}} [id^="state_"][id$="-active"]:checked ~ form #wave0:checked ~ #game .inv-labels {animation-name: labels-lr;} @keyframes hide {100% {transform: translateY(-100vmax);}} .shield-labels {position: absolute; width: 410vmin; left: 20vmin; top: 0;} [id^="state_"][id$="-active"]:checked ~ form #wave0:checked ~ #game .shield-labels {animation: hide 1s steps(1) 127s paused forwards;} .shield-labels > div {display: flex; justify-content: space-between;} [id^="state_"][id$="-active"]:checked ~ form #wave0:checked ~ #game .shield-labels > div {animation: hide 1s steps(1) 113s paused forwards;} .shield-labels > div > div {position: relative; width: 50vmin;} [id^="state_"][id$="-active"]:checked ~ form #wave0:checked ~ #game .shield-labels > div > div {animation: hide 1s steps(1) 97s paused forwards;} .shield-labels > div > div > div {position: absolute; width: 50vmin; display: flex; justify-content: space-between;} [id^="state_"][id$="-active"]:checked ~ form #wave0:checked ~ #game .shield-labels > div > div > div {animation: hide 1s steps(1) 81s paused forwards;} [id^="state_"][id$="-active"]:checked ~ form #wave0:checked ~ #game [for^="shield"] {animation: hide 1s steps(1) 65s paused forwards;} [for^="shieldhit"] {width: 10vmin; left: 0;} [id^="state_"][id$="-active"]:checked ~ form #wave0:checked ~ [id^="inv0-"]:checked ~ #game .shield-labels, [id^="state_"][id$="-active"]:checked ~ form #wave0:checked ~ [id^="inv1-"]:checked ~ #game .shield-labels > div, [id^="state_"][id$="-active"]:checked ~ form #wave0:checked ~ [id^="inv2-"]:checked ~ #game .shield-labels > div > div, [id^="state_"][id$="-active"]:checked ~ form #wave0:checked ~ [id^="inv3-"]:checked ~ #game .shield-labels > div > div > div, [id^="state_"][id$="-active"]:checked ~ form #wave0:checked ~ [id^="inv4-"]:checked ~ #game [for^="shieldhit"] {animation-play-state: running;} #pos0:checked ~ #game #fire > div {transform: translateX(0);}#pos1:checked ~ #game #fire > div {transform: translateX(-10vmin);} #pos2:checked ~ #game #fire > div {transform: translateX(-20vmin);}#pos3:checked ~ #game #fire > div {transform: translateX(-30vmin);} #pos4:checked ~ #game #fire > div {transform: translateX(-40vmin);}#pos5:checked ~ #game #fire > div {transform: translateX(-50vmin);} #pos6:checked ~ #game #fire > div {transform: translateX(-60vmin);}#pos7:checked ~ #game #fire > div {transform: translateX(-70vmin);} #pos8:checked ~ #game #fire > div {transform: translateX(-80vmin);}#pos9:checked ~ #game #fire > div {transform: translateX(-90vmin);} #pos10:checked ~ #game #fire > div {transform: translateX(-100vmin);}#pos11:checked ~ #game #fire > div {transform: translateX(-110vmin);} #pos12:checked ~ #game #fire > div {transform: translateX(-120vmin);}#pos13:checked ~ #game #fire > div {transform: translateX(-130vmin);} #pos14:checked ~ #game #fire > div {transform: translateX(-140vmin);}#pos15:checked ~ #game #fire > div {transform: translateX(-150vmin);} #pos16:checked ~ #game #fire > div {transform: translateX(-160vmin);}#pos17:checked ~ #game #fire > div {transform: translateX(-170vmin);} #pos18:checked ~ #game #fire > div {transform: translateX(-180vmin);}#pos19:checked ~ #game #fire > div {transform: translateX(-190vmin);} #pos20:checked ~ #game #fire > div {transform: translateX(-200vmin);}#pos21:checked ~ #game #fire > div {transform: translateX(-210vmin);} #pos22:checked ~ #game #fire > div {transform: translateX(-220vmin);}#pos23:checked ~ #game #fire > div {transform: translateX(-230vmin);} #pos24:checked ~ #game #fire > div {transform: translateX(-240vmin);}#pos25:checked ~ #game #fire > div {transform: translateX(-250vmin);} #pos26:checked ~ #game #fire > div {transform: translateX(-260vmin);}#pos27:checked ~ #game #fire > div {transform: translateX(-270vmin);} #pos28:checked ~ #game #fire > div {transform: translateX(-280vmin);}#pos29:checked ~ #game #fire > div {transform: translateX(-290vmin);} #pos30:checked ~ #game #fire > div {transform: translateX(-300vmin);}#pos31:checked ~ #game #fire > div {transform: translateX(-310vmin);} #pos32:checked ~ #game #fire > div {transform: translateX(-320vmin);}#pos33:checked ~ #game #fire > div {transform: translateX(-330vmin);} #pos34:checked ~ #game #fire > div {transform: translateX(-340vmin);}#pos35:checked ~ #game #fire > div {transform: translateX(-350vmin);} #pos36:checked ~ #game #fire > div {transform: translateX(-360vmin);}#pos37:checked ~ #game #fire > div {transform: translateX(-370vmin);} #pos38:checked ~ #game #fire > div {transform: translateX(-380vmin);}#pos39:checked ~ #game #fire > div {transform: translateX(-390vmin);} #pos40:checked ~ #game #fire > div {transform: translateX(-400vmin);}#pos41:checked ~ #game #fire > div {transform: translateX(-410vmin);} #pos42:checked ~ #game #fire > div {transform: translateX(-420vmin);}#pos43:checked ~ #game #fire > div {transform: translateX(-430vmin);} #pos44:checked ~ #game #fire > div {transform: translateX(-440vmin);} #ufo-0:checked ~ #game [for="hitufo-0"], #hitufo-1:checked ~ #game [for="hitufo-1"], #inv0-0:checked ~ #game [for="hit0-0"], #inv0-1:checked ~ #game [for="hit0-1"], #inv0-2:checked ~ #game [for="hit0-2"], #inv0-3:checked ~ #game [for="hit0-3"], #inv0-4:checked ~ #game [for="hit0-4"], #inv0-5:checked ~ #game [for="hit0-5"], #inv0-6:checked ~ #game [for="hit0-6"], #inv0-7:checked ~ #game [for="hit0-7"], #inv0-8:checked ~ #game [for="hit0-8"], #inv0-9:checked ~ #game [for="hit0-9"], #inv0-10:checked ~ #game [for="hit0-10"], #inv1-11:checked ~ #game [for="hit1-11"], #inv1-12:checked ~ #game [for="hit1-12"], #inv1-13:checked ~ #game [for="hit1-13"], #inv1-14:checked ~ #game [for="hit1-14"], #inv1-15:checked ~ #game [for="hit1-15"], #inv1-16:checked ~ #game [for="hit1-16"], #inv1-17:checked ~ #game [for="hit1-17"], #inv1-18:checked ~ #game [for="hit1-18"], #inv1-19:checked ~ #game [for="hit1-19"], #inv1-20:checked ~ #game [for="hit1-20"], #inv1-21:checked ~ #game [for="hit1-21"], #inv2-22:checked ~ #game [for="hit2-22"], #inv2-23:checked ~ #game [for="hit2-23"], #inv2-24:checked ~ #game [for="hit2-24"], #inv2-25:checked ~ #game [for="hit2-25"], #inv2-26:checked ~ #game [for="hit2-26"], #inv2-27:checked ~ #game [for="hit2-27"], #inv2-28:checked ~ #game [for="hit2-28"], #inv2-29:checked ~ #game [for="hit2-29"], #inv2-30:checked ~ #game [for="hit2-30"], #inv2-31:checked ~ #game [for="hit2-31"], #inv2-32:checked ~ #game [for="hit2-32"], #inv3-33:checked ~ #game [for="hit3-33"], #inv3-34:checked ~ #game [for="hit3-34"], #inv3-35:checked ~ #game [for="hit3-35"], #inv3-36:checked ~ #game [for="hit3-36"], #inv3-37:checked ~ #game [for="hit3-37"], #inv3-38:checked ~ #game [for="hit3-38"], #inv3-39:checked ~ #game [for="hit3-39"], #inv3-40:checked ~ #game [for="hit3-40"], #inv3-41:checked ~ #game [for="hit3-41"], #inv3-42:checked ~ #game [for="hit3-42"], #inv3-43:checked ~ #game [for="hit3-43"], #inv4-44:checked ~ #game [for="hit4-44"], #inv4-45:checked ~ #game [for="hit4-45"], #inv4-46:checked ~ #game [for="hit4-46"], #inv4-47:checked ~ #game [for="hit4-47"], #inv4-48:checked ~ #game [for="hit4-48"], #inv4-49:checked ~ #game [for="hit4-49"], #inv4-50:checked ~ #game [for="hit4-50"], #inv4-51:checked ~ #game [for="hit4-51"], #inv4-52:checked ~ #game [for="hit4-52"], #inv4-53:checked ~ #game [for="hit4-53"], #inv4-54:checked ~ #game [for="hit4-54"], #shield0-0:checked ~ #game [for="shieldhit0-0"], #shield0-1:checked ~ #game [for="shieldhit0-1"], #shield0-2:checked ~ #game [for="shieldhit0-2"], #shield0-3:checked ~ #game [for="shieldhit0-3"], #shield0-4:checked ~ #game [for="shieldhit0-4"], #shield0-5:checked ~ #game [for="shieldhit0-5"], #shield0-6:checked ~ #game [for="shieldhit0-6"], #shield1-0:checked ~ #game [for="shieldhit1-0"], #shield1-1:checked ~ #game [for="shieldhit1-1"], #shield1-2:checked ~ #game [for="shieldhit1-2"], #shield1-3:checked ~ #game [for="shieldhit1-3"], #shield1-4:checked ~ #game [for="shieldhit1-4"], #shield1-5:checked ~ #game [for="shieldhit1-5"], #shield1-6:checked ~ #game [for="shieldhit1-6"], #shield2-0:checked ~ #game [for="shieldhit2-0"], #shield2-1:checked ~ #game [for="shieldhit2-1"], #shield2-2:checked ~ #game [for="shieldhit2-2"], #shield2-3:checked ~ #game [for="shieldhit2-3"], #shield2-4:checked ~ #game [for="shieldhit2-4"], #shield2-5:checked ~ #game [for="shieldhit2-5"], #shield2-6:checked ~ #game [for="shieldhit2-6"], #shield3-0:checked ~ #game [for="shieldhit3-0"], #shield3-1:checked ~ #game [for="shieldhit3-1"], #shield3-2:checked ~ #game [for="shieldhit3-2"], #shield3-3:checked ~ #game [for="shieldhit3-3"], #shield3-4:checked ~ #game [for="shieldhit3-4"], #shield3-5:checked ~ #game [for="shieldhit3-5"], #shield3-6:checked ~ #game [for="shieldhit3-6"] {visibility: visible;} @keyframes show {100% {visibility: visible;}} [id^="landed"], #cleared, #restart, #gameover {position: absolute; width: 100vmin; height: 26vmin; left: 50%; top: 12vmin; transform: translateX(-50%); padding: 20vmin 0; background: black; font-size: 4vmin; z-index: 1;} [id^="landed"] {visibility: hidden; animation: none 160s steps(1) 1s; animation-fill-mode: forwards;} #restart {display: none;} #landed1 {animation-duration: 144s;} #landed2 {animation-duration: 128s;} #landed3 {animation-duration: 112s;} #landed4 {animation-duration: 96s;} [id^="landed"] label {display: none;} [id^="landed"]::after, #cleared::after, #restart::after {content: ""; position: absolute; width: 100vmin; height: 22vmin; left: 0; bottom: -22vmin;} [id^="state_"][id$="-active"]:checked ~ form #wave0:checked ~ [id^="inv0-"]:checked ~ #game [id="landed0"], [id^="state_"][id$="-active"]:checked ~ form #wave0:checked ~ [id^="inv1-"]:checked ~ #game [id="landed1"], [id^="state_"][id$="-active"]:checked ~ form #wave0:checked ~ [id^="inv2-"]:checked ~ #game [id="landed2"], [id^="state_"][id$="-active"]:checked ~ form #wave0:checked ~ [id^="inv3-"]:checked ~ #game [id="landed3"], [id^="state_"][id$="-active"]:checked ~ form #wave0:checked ~ [id^="inv4-"]:checked ~ #game [id="landed4"], #wave1:checked ~ #game [id^="landed"], #wave2:checked ~ #game [id^="landed"] {animation-name: show;} #state_life2-active:checked ~ form #wave1:checked ~ #game [id^="landed"], #state_life1-active:checked ~ form #wave2:checked ~ #game [id^="landed"] {animation-name: none;} #state_play-active:checked ~ form #wave0:checked ~ #game [id^="landed"] [for="wave1"], #state_play-active:checked ~ form #wave1:checked ~ #game [id^="landed"] [for="state_life2-active"], #state_life2-active:checked ~ form #wave1:checked ~ #game #restart, #state_life2-active:checked ~ form #wave0:checked ~ #game [id^="landed"] [for="wave2"], #state_life2-active:checked ~ form #wave2:checked ~ #game [id^="landed"] [for="state_life1-active"], #state_life1-active:checked ~ form #wave2:checked ~ #game #restart, #state_life1-active:checked ~ form #wave0:checked ~ #game [id^="landed"] [for="state_lose"] {display: block;} #wave0:checked ~ #game [for="wave0"], #wave1:checked ~ #game [for="wave1"], #wave2:checked ~ #game [for="wave2"], #state_life2-active:checked ~ form #game [for="state_life2-active"], #state_life1-active:checked ~ form #game [for="state_life1-active"] {visibility: hidden;} [id^="inv"]:checked ~ #game #cleared {visibility: hidden;} [for^="score"], [for^="state_"], [for^="wave"], [for="reset"] {position: absolute; width: 50vmin; left: 50%; padding: 1vmin; transform: translateX(-50%); margin-top: 3vmin; font-size: 3vmin; background: black; box-shadow: 0.5vmin 0 white, -0.5vmin 0 white, 0 -0.5vmin white, 0 0.5vmin white;} [id^="landed"]::before {content: "They Landed!";} #cleared::before {content: "More waves coming!";} [for^="wave"]::before {content: "Try Again";} #cleared [for^="wave"]::before {content: "Ready?";} [for="state_life2-active"]::before, [for="state_life1-active"]::before {content: "Get Ready";} [for="state_lose"]::before {content: "Game Over";} [for="state_restart"]::before {content: "Restart";} [for^="score"]::before {content: "New Hiscore";} [for="reset"]::before {content: "Play";} #title > [for="reset"]::before {content: "Insert Coin";} #gameover {visibility: hidden; top: 50vmin;} #state_lose:checked ~ form #gameover {visibility: visible;} @keyframes next {100% {z-index: 0;}} #gameover > div {position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 10000; background: black; animation-name: next; animation-duration: 1000s; animation-timing-function: steps(10000); animation-iteration-count: infinite; animation-play-state: paused;} #state_lose:checked ~ #score1:checked ~ form #high1 li, #state_lose:checked ~ #score2:checked ~ form #high2 li, #state_lose:checked ~ #score3:checked ~ form #high3 li, #state_lose:checked ~ #score4:checked ~ form #high4 li, #state_lose:checked ~ #score5:checked ~ form #high5 li, #state_lose:checked ~ #score6:checked ~ form #high6 li, #gameover > div [for^="score"] {color: yellow;} #score1:checked ~ form [for="score1"], #score2:checked ~ form [for="score2"], #score3:checked ~ form [for="score3"], #score4:checked ~ form [for="score4"], #score5:checked ~ form [for="score5"], #score6:checked ~ form [for="score6"] {visibility: hidden;} #score1:checked ~ form #hiscores #high1,#score2:checked ~ form #hiscores #high2,#score3:checked ~ form #hiscores #high3, #score4:checked ~ form #hiscores #high4,#score5:checked ~ form #hiscores #high5,#score6:checked ~ form #hiscores #high6, #score1:checked ~ form #hiscores #high1 ul,#score2:checked ~ form #hiscores #high2 ul,#score3:checked ~ form #hiscores #high3 ul, #score4:checked ~ form #hiscores #high4 ul,#score5:checked ~ form #hiscores #high5 ul,#score6:checked ~ form #hiscores #high6 ul, #score1:checked ~ form #go1,#score2:checked ~ form #go2,#score3:checked ~ form #go3, #score4:checked ~ form #go4,#score5:checked ~ form #go5,#score6:checked ~ form #go6 {animation-play-state: var(--delaypause);} [id^="hit"]:checked ~ #game {animation-name: delaypause1;} [id^="hit"]:checked ~ [id^="hit"]:checked ~ #game {animation-name: delaypause2;} [id^="hit"]:checked ~ :checked ~ [id^="hit"]:checked ~ #game {animation-name: delaypause1;} [id^="hit"]:checked ~ :checked ~ :checked ~ [id^="hit"]:checked ~ #game {animation-name: delaypause2;} [id^="hit"]:checked ~ :checked ~ :checked ~ :checked ~ [id^="hit"]:checked ~ #game {animation-name: delaypause1;} [id^="hit"]:checked ~ :checked ~ :checked ~ :checked ~ :checked ~ [id^="hit"]:checked ~ #game {animation-name: delaypause2;} [id^="hit"]:checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ [id^="hit"]:checked ~ #game {animation-name: delaypause1;} [id^="hit"]:checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ [id^="hit"]:checked ~ #game {animation-name: delaypause2;} [id^="hit"]:checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ [id^="hit"]:checked ~ #game {animation-name: delaypause1;} [id^="hit"]:checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ [id^="hit"]:checked ~ #game {animation-name: delaypause2;} [id^="hit"]:checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ [id^="hit"]:checked ~ #game {animation-name: delaypause1;} [id^="hit"]:checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ [id^="hit"]:checked ~ #game {animation-name: delaypause2;} [id^="hit"]:checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ [id^="hit"]:checked ~ #game {animation-name: delaypause1;} [id^="hit"]:checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ [id^="hit"]:checked ~ #game {animation-name: delaypause2;} [id^="hit"]:checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ [id^="hit"]:checked ~ #game {animation-name: delaypause1;} [id^="hit"]:checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ [id^="hit"]:checked ~ #game {animation-name: delaypause2;} [id^="hit"]:checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ [id^="hit"]:checked ~ #game {animation-name: delaypause1;} [id^="hit"]:checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ [id^="hit"]:checked ~ #game {animation-name: delaypause2;} [id^="hit"]:checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ [id^="hit"]:checked ~ #game {animation-name: delaypause1;} [id^="hit"]:checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ [id^="hit"]:checked ~ #game {animation-name: delaypause2;} [id^="hit"]:checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ [id^="hit"]:checked ~ #game {animation-name: delaypause1;} [id^="hit"]:checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ [id^="hit"]:checked ~ #game {animation-name: delaypause2;} [id^="hit"]:checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ [id^="hit"]:checked ~ #game {animation-name: delaypause1;} [id^="hit"]:checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ [id^="hit"]:checked ~ #game {animation-name: delaypause2;} [id^="hit"]:checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ [id^="hit"]:checked ~ #game {animation-name: delaypause1;} [id^="hit"]:checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ [id^="hit"]:checked ~ #game {animation-name: delaypause2;} [id^="hit"]:checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ [id^="hit"]:checked ~ #game {animation-name: delaypause1;} [id^="hit"]:checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ [id^="hit"]:checked ~ #game {animation-name: delaypause2;} [id^="hit"]:checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ [id^="hit"]:checked ~ #game {animation-name: delaypause1;} [id^="hit"]:checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ [id^="hit"]:checked ~ #game {animation-name: delaypause2;} [id^="hit"]:checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ [id^="hit"]:checked ~ #game {animation-name: delaypause1;} [id^="hit"]:checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ [id^="hit"]:checked ~ #game {animation-name: delaypause2;} [id^="hit"]:checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ [id^="hit"]:checked ~ #game {animation-name: delaypause1;} [id^="hit"]:checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ [id^="hit"]:checked ~ #game {animation-name: delaypause2;} [id^="hit"]:checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ [id^="hit"]:checked ~ #game {animation-name: delaypause1;} [id^="hit"]:checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ [id^="hit"]:checked ~ #game {animation-name: delaypause2;} [id^="hit"]:checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ [id^="hit"]:checked ~ #game {animation-name: delaypause1;} [id^="hit"]:checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ [id^="hit"]:checked ~ #game {animation-name: delaypause2;} [id^="hit"]:checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ [id^="hit"]:checked ~ #game {animation-name: delaypause1;} [id^="hit"]:checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ [id^="hit"]:checked ~ #game {animation-name: delaypause2;} [id^="hit"]:checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ [id^="hit"]:checked ~ #game {animation-name: delaypause1;} [id^="hit"]:checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ [id^="hit"]:checked ~ #game {animation-name: delaypause2;} [id^="hit"]:checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ [id^="hit"]:checked ~ #game {animation-name: delaypause1;} [id^="hit"]:checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ [id^="hit"]:checked ~ #game {animation-name: delaypause2;} [id^="hit"]:checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ [id^="hit"]:checked ~ #game {animation-name: delaypause1;} [id^="hit"]:checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ [id^="hit"]:checked ~ #game {animation-name: delaypause2;} [id^="hit"]:checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ [id^="hit"]:checked ~ #game {animation-name: delaypause1;} [id^="hit"]:checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ [id^="hit"]:checked ~ #game {animation-name: delaypause2;} [id^="hit"]:checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ [id^="hit"]:checked ~ #game {animation-name: delaypause1;} [id^="hit"]:checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ [id^="hit"]:checked ~ #game {animation-name: delaypause2;} [id^="hit"]:checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ [id^="hit"]:checked ~ #game {animation-name: delaypause1;} [id^="hit"]:checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ [id^="hit"]:checked ~ #game {animation-name: delaypause2;} [id^="hit"]:checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ [id^="hit"]:checked ~ #game {animation-name: delaypause1;} [id^="hit"]:checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ [id^="hit"]:checked ~ #game {animation-name: delaypause2;} [id^="hit"]:checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ [id^="hit"]:checked ~ #game {animation-name: delaypause1;} [id^="hit"]:checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ [id^="hit"]:checked ~ #game {animation-name: delaypause2;} [id^="hit"]:checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ [id^="hit"]:checked ~ #game {animation-name: delaypause1;} @keyframes delaycheck {0% {--delaycheck: 0;} 100% {--delaycheck: 100vw; left: 0;}} #browsercheck {position: absolute; top: 35vmin; left: -100vw; width: 100vmin; height: 20vmin; animation: delaycheck 1s steps(1) forwards; pointer-events: none;} #browsercheck div {position: absolute; top: 0; left: var(--delaycheck); width: 100%; height: 100%; background: black; font-size: 2vmin; pointer-events: initial;} #browsercheck a:link, #browsercheck a:visited, #browsercheck a:hover, #browsercheck a:active, #browsercheck label {display: block; position: relative; width: 50%; margin: 3vmin 0; padding: 1vmin; left: 50%; transform: translateX(-50%); color: white; text-decoration: none; box-shadow: 0.5vmin 0 white, -0.5vmin 0 white, 0 -0.5vmin white, 0 0.5vmin white;} #trybrowser:checked ~ form #browsercheck {display: none;} #tryother {position: absolute; width: 100%; left: 0; bottom: 2vmin; font-size: 2vmin;} #tryother:link, #tryother:visited, #tryother:hover, #tryother:active {color: blue;}