body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.passwordcharacterbase{display:inline-block;font-size:30px;border-radius:16px;background:#a9d2eb;padding:10px;width:30px;text-align:center;font-weight:600;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:3px}:root{--ascii-box-size: 50px;--base-border-radius: 16px;--main-text-color: #0f0;--secondary-text-color: limegreen;--warning-color: #f20003;--accent-text-color: #01eaff;--keyword-text-color: #fffb00;--background-color: #222428;--color-side: #00796b;--color-top: turquoise;--color-bottom: #26103a;--color-side-one: red;--color-side-two: #1c0e2e;--color-side-three: #413c69;--color-bottom: #3a1030;--color-side-one: #407bbd;--color-side-two: #a12424;--color-side-three: #01583f}.App{text-align:center;background-color:#000;display:flex;height:100%;width:100%;position:fixed;background-color:red;background-color:#1d1d1e;background-color:#252525;background-color:#212427;background-color:#222428}.crt:before{content:" ";display:block;position:absolute;top:0;left:0;height:100%;width:100%;background:linear-gradient(#12101000,#00000040 30%),linear-gradient(90deg,#ff000012,#00ff000d,#0000ff0f);z-index:1;background-size:100% 2px,3px 100%;pointer-events:none}@media(max-width:1040px){.App{flex-direction:column}}@media(min-width:1040px){.App{flex-direction:row}}@media(max-width:500px){:root{--ascii-box-size: 8.5vw;--base-border-radius: 12px}}.App-logo{height:40vmin;pointer-events:none}@media(prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{display:flex;flex-direction:column;font-size:calc(10px + 2vmin);color:#fff}.leftColumn{display:flex;flex-direction:column;align-items:center;font-size:calc(10px + 2vmin);color:var(--main-text-color);font-family:Courier New,Courier,monospace;text-shadow:0px 0px 10px var(--secondary-text-color);width:100%;flex-grow:1;margin-top:20px}.rightColumn{display:flex;flex-direction:column;align-items:center;font-size:calc(10px + 2vmin);color:var(--main-text-color);font-family:Courier New,Courier,monospace;text-shadow:0px 0px 10px var(--secondary-text-color);width:100%;margin-top:20px}.circles{font-size:24px}.attemptHistory{border-radius:10px;border-width:1px;border-color:var(--accent-text-color);border-style:solid;width:calc(var(--ascii-box-size)* 10.2);flex-grow:1;display:flex;flex-direction:column;align-items:center;margin-bottom:10px;overflow-y:auto;flex-basis:0;padding:0 3px}.peiceSet{margin:10px}.peiceSet:active .passwordcharacterbase{color:#35383e;border-color:#35383e;background-color:var(--secondary-text-color)}.buttonContainer,.submitButtonContainer{width:calc(var(--ascii-box-size)* 9.9);margin-top:10px;text-align:right}.clearButton,.submitButton{font-size:18px;align-self:end;margin-left:14px}.dialogButton{float:right}.answerField{font-size:18px;margin-left:14px}.answerButton{font-size:18px;margin-left:14px;margin-bottom:10px}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.passwordcharacterbase{display:inline-block;font-size:calc(var(--ascii-box-size)*3/5);border-radius:var(--base-border-radius);border-width:3px;border-color:var(--secondary-text-color);border-style:solid;background-color:#ffffff1a;color:var(--secondary-text-color);text-shadow:initial;padding:calc(var(--ascii-box-size)*1/5);width:calc(var(--ascii-box-size)*3/5);text-align:center;font-weight:600;font-family:Kode Mono,monospace;margin:3px -1px}.passwordcharacterbase.test-character-selected{animation:testblink .7s step-end infinite}@keyframes testblink{0%,to{background-color:#ffffff1a;color:var(--main-text-color)}50%{background-color:var(--secondary-text-color);border-color:var(--main-text-color);color:#333}}.test-box-spacer{display:flex;align-items:center;justify-content:center}.copyToTheLeft{padding-left:6px;border-left:solid #fff709 4px}.copyToTheRight{padding-right:6px;border-right:solid #fff709 4px}.numberTooHigh{padding-bottom:0;border-bottom:solid #5fcc68 10px}.numberTooLow{padding-top:0;border-top:solid #5fcc68 10px}.correctcharacter{background:#5fcc68}.ascii-box-container{display:flex;margin:3px 0;justify-content:center}button.hackingButton{background-color:#ffffff1a;color:var(--main-text-color);border:1px solid var(--main-text-color);box-shadow:0 0 10px var(--secondary-text-color);padding:5px 10px;font-family:Kode Mono,monospace;font-size:1em;font-weight:700;cursor:pointer}button.hackingButton:hover{background-color:var(--main-text-color);color:#2c312e}.helpButton{width:26px;height:26px;border-radius:50%;background-color:var(--accent-text-color);font-size:24px;font-weight:700;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:0;margin:10px}.out-of-tests-text{font-size:18px;text-align:left;width:calc(var(--ascii-box-size)* 9.9)}.accent-color-text{color:var(--accent-text-color)}.shine{background:linear-gradient(60deg,#ededed00 35%,#51ff0012,#ededed00 65%);background-size:400%;animation:shine 5s infinite linear}@keyframes shine{0%{background-position:100% 100%}50%{background-position:0 0}to{background-position:0 0}}.ascii-box{display:flex;flex-direction:column;align-items:center;line-height:1;color:var(--secondary-text-color);font-family:Kode Mono,monospace;font-size:25px;text-shadow:0px 0px 10px var(--secondary-text-color);margin:0;padding:0;font-weight:bolder;outline:none}.show-red.ascii-box{color:var(--warning-color)}.ascii-row{display:flex;width:100%;justify-content:center}.bottom{transform:scaleY(-1)}.ascii-middle-row{display:flex;align-items:center;justify-content:center;width:100%}.ascii-middle-row pre{line-height:1em}.input-container{flex:1;display:flex;justify-content:center}.ascii-box .asciibox-inner{outline:none;border:0;disabled:true}@keyframes blinking{0%,33%{background-color:var(--secondary-text-color);color:#242a26}33.1%,to{background-color:#000;color:var(--secondary-text-color)}}.ascii-box .asciibox-inner:focus{caret-color:transparent}.ascii-box .asciibox-inner.correct-character{background-color:var(--main-text-color);color:#242a26}.ascii-box{height:calc(var(--ascii-box-size)*1.2);width:var(--ascii-box-size);font-size:calc(var(--ascii-box-size)*3/10)}.ascii-box .asciibox-inner{color:var(--secondary-text-color);padding:0;font-family:Kode Mono,monospace;font-size:calc(var(--ascii-box-size)* .8);height:calc(var(--ascii-box-size)*.92);font-weight:700;width:100%;text-align:center;line-height:1.2;cursor:default}.border-arrow{color:var(--main-text-color);text-shadow:0px 0px 10px var(--main-text-color)}.ascii-box-spacer{padding:calc(var(--ascii-box-size)*.92*.5) 0;display:flex;align-items:center;justify-content:center}.answer-box-spacer{color:var(--accent-text-color)}.digit-selected{animation:blink .7s step-end infinite}.digit-group{padding:10px 0;text-align:center}.digit-container{display:flex;margin:3px 0;justify-content:center}.digit{display:inline-flex;justify-content:center;align-items:center;margin:1px;cursor:pointer;position:relative;outline:none;font-size:calc(var(--ascii-box-size)*3/5);border-radius:10px;border-width:3px;border-color:var(--secondary-text-color);border-style:solid;background-color:#ffffff1a;color:var(--secondary-text-color);text-shadow:initial;padding:calc(var(--ascii-box-size)*1/5);width:calc(var(--ascii-box-size)*2/5);height:calc(var(--ascii-box-size)*3/5);font-family:Kode Mono,monospace;text-align:center;font-weight:600}.digit-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:74%;height:74%;display:flex;justify-content:center;align-items:center}.digit-selected .digit-content{animation:blink .7s step-end infinite}.number-pad{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;width:calc(var(--ascii-box-size)* 9.9)}.number-button{width:100%;background-color:#ffffff1a;color:var(--accent-text-color);border:1px solid var(--accent-text-color);font-size:18px;font-weight:700;cursor:pointer;display:flex;justify-content:center;align-items:center}.desktop .number-button{height:calc(var(--ascii-box-size)* .8)}@keyframes blink{0%,to{background-color:transparent;color:var(--main-text-color)}50%{background-color:var(--main-text-color);color:#333}}.key-label{margin-left:10px;margin-bottom:6px;display:block;text-align:left}.expiredWarning{color:var(--warning-color);text-shadow:0px 0px 25px var(--secondary-text-color);width:100%;font-size:18px;font-weight:700;height:30px;padding:5px 0;margin-bottom:10px;text-align:left}.dialog-content{background-color:#000;padding:20px;border-radius:8px;max-width:90%;width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 6px #0000001a;position:relative;border:3px solid var(--secondary-text-color);color:var(--secondary-text-color);color:var(--accent-text-color);text-align:left;font-size:16px}.dialog-title{margin-top:0;color:var(--accent-text-color);padding-right:30px}.example-title{margin-top:0;margin-bottom:4px}.example-list{margin-top:0;padding:0 10px}.instruction-image{height:var(--ascii-box-size);margin:2px 0}.dialog-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.dialog-content{background-color:var(--background-color);padding:20px;border-radius:8px;max-width:90%;width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 6px #0000001a;position:relative;border:3px solid var(--secondary-text-color);color:var(--secondary-text-color);text-align:left;font-size:16px}@media(max-width:768px){.dialog-content{width:90%;padding:15px}}.dialog-close-button{position:absolute;top:15px;right:15px;background:none;border:none;font-size:32px;cursor:pointer;color:var(--secondary-text-color);padding:0;line-height:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center}