body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{background:#000;color:#f0fff0;text-shadow:0 0 2px #fff}html:before{background-image:url(https://www.rataalada.com/terminal/grain.gif);content:"";height:100%;opacity:.08;position:fixed;width:100%}*,:before{border:0 solid;box-sizing:border-box}:root{--shadowBlur:3px;--userColor:orange;--userShadow:orange;--validColor:lime;--validShadow:lime;--invalidColor:crimson;--invalidShadow:crimson}.draggable-textbox{border:1px solid lime;overflow:hidden;position:absolute;-webkit-user-select:none;user-select:none;z-index:2}.draggable-textbox.dragging{cursor:grab}.resize-handle{background-color:lime;bottom:0;cursor:se-resize;height:10px;position:absolute;right:0;width:10px;z-index:2}.content{background-color:#000;color:lime;height:auto;min-height:100%;outline:none;padding:2em .5em .5em;position:relative;text-shadow:0 0 2px var(--validShadow)}.content,.drag-handle{width:100%;z-index:inherit}.drag-handle{background-color:#f0f0f0;cursor:grab;height:20px;position:absolute;top:0}.navBar{background:orange;color:#000;height:1.5em;left:0;position:fixed;top:0;width:100%;z-index:1}.navBar button{background:inherit;border-right:1px solid #000;color:inherit;cursor:pointer;display:inline-block;float:left;font-family:Source Code Pro,monospace;font-style:normal;font-weight:600;height:inherit;padding:0;text-transform:uppercase;width:20%}.navBar button:last-child{border-right:none;float:right;width:10%}.navBar button:hover:not(.active):not(.won){background:#fbb024}.navBar button:last-child:active{background:lime!important}.navBar button.active{background:lime}.navBar button.won{background:#128912;color:lime}.navBar button.won:hover{background:#21a921}.navBar button span:after{color:lime;content:"\f00c";font-family:Font Awesome\ 5 Free;font-weight:900;opacity:0;position:absolute;transition:.5s}.navBar button.won span:after{opacity:1;padding-left:5px;position:relative}.terminal{display:flex;flex-direction:column;flex-wrap:wrap;max-height:100vh;max-width:100vw;overflow-x:hidden;overflow-y:auto;padding:1rem 1rem 30vh;position:fixed}main{font-family:Source Code Pro,monospace;font-size:1em;font-style:normal;font-weight:600;letter-spacing:.06em;line-height:1.25em;text-align:start;text-transform:uppercase}main div{margin-bottom:1em;margin-top:0}.validResponse{color:var(--validColor);text-shadow:0 0 var(--shadowBlur) var(--validShadow)}.invalidResponse{color:var(--invalidColor);text-shadow:0 0 var(--shadowBlur) var(--invalidShadow)}.userInput{color:var(--userColor);text-shadow:0 0 var(--shadowBlur) var(--userShadow)}.cursor{animation:cursor 1.2s infinite}@keyframes cursor{0%{opacity:0}60%{opacity:1}80%{opacity:1}81%{opacity:0}to{opacity:0}}hr{animation:widen 2s;animation-iteration-count:1;border-bottom:5px dashed #f0fff0;border-top:5px dashed #f0fff0;height:5px;left:0;position:relative;width:100%}.userStats{display:flex;flex-direction:row;margin-top:1em}.userStats div{margin-bottom:auto;margin-left:auto;margin-right:auto}.userStats p{margin-bottom:.5em;margin-top:.5em}@keyframes widen{0%{width:0};to{width:100%};}
/*# sourceMappingURL=main.e3b062c0.css.map*/