body{background-color:#000;color:#03a062;font:1.3rem Inconsolata,monospace;font-weight:700}body:after{content:"";position:absolute;top:0;left:0;width:100vw;height:100vh;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15),rgba(0,0,0,.15) 1px,transparent 0,transparent 2px);pointer-events:none}#app{display:flex}#terminal{padding:20px}.prompt h2:before{content:">"}.prompt h2{padding-right:5px;border-right:2px solid #03a062;-webkit-animation:write 2s steps(40),blink .5s step-end infinite;animation:write 2s steps(40),blink .5s step-end infinite;overflow:hidden;white-space:nowrap;letter-spacing:.15em}.footer{position:absolute;bottom:20px;line-height:20px;font-size:20px}.footer a{text-decoration:none;color:#03a062}.footer a:hover{color:#25c284}@media only screen and (max-width:720px){.prompt h2{font-size:14px}.footer{font-size:12px}}@-webkit-keyframes write{0%{width:0}to{width:100%}}@keyframes write{0%{width:0}to{width:100%}}@-webkit-keyframes blink{0%{border-color:transparent}50%{border-color:#03a062}}@keyframes blink{0%{border-color:transparent}50%{border-color:#03a062}}