@font-face{font-family:c64_userregular;font-style:normal;font-weight:400;src:url(/static/media/c64-user.706922b80fc947592404.woff2) format("woff2")}:root{--c64-border:#8774e3;--c64-bg:#40318d;--c64-text:#a79bf3}*{box-sizing:border-box;margin:0;padding:0}#root,body,html{height:100%;width:100%}body{background:#111;min-height:100vh;overflow:hidden}.c64-container,body{align-items:center;display:flex;justify-content:center}.c64-container{cursor:text;height:100%;padding:30px;width:100%}.monitor-bezel{background:#1a1a1a;border-radius:24px;box-shadow:0 0 0 2px #2a2a2a,0 0 0 4px #0a0a0a,0 20px 60px rgba(0,0,0,.8),inset 0 0 30px rgba(0,0,0,.5);padding:24px}.c64-screen{background:#8774e3;background:var(--c64-border);border-radius:120px/24px;box-shadow:inset 0 0 100px rgba(0,0,0,.3),inset 0 0 30px rgba(0,0,0,.15);overflow:hidden;padding:42px 50px 38px;position:relative;width:min(76vw,780px)}.c64-screen:before{background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.25) 100%);border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute;z-index:10}.text-area{background:#40318d;background:var(--c64-bg);box-shadow:inset 0 0 60px rgba(0,0,0,.5);color:#a79bf3;color:var(--c64-text);font-family:c64_userregular,monospace;font-size:17px;height:460px;line-height:17px;overflow-x:hidden;overflow-y:auto;padding:22px 24px;position:relative;text-transform:uppercase;width:100%;z-index:1}.crt-scanlines{background:repeating-linear-gradient(0deg,rgba(0,0,0,.08),rgba(0,0,0,.08) 1px,transparent 0,transparent 4px)}.crt-scanlines,.text-area:after{inset:0;pointer-events:none;position:absolute;z-index:5}.text-area:after{background:radial-gradient(ellipse at center,transparent 60%,rgba(0,0,0,.12) 100%);content:""}.terminal-line{color:#a79bf3;color:var(--c64-text);font-family:c64_userregular,monospace;font-size:17px;line-height:17px;text-shadow:0 0 6px #a79bf3,0 0 12px rgba(167,155,243,.3);text-shadow:0 0 6px var(--c64-text),0 0 12px rgba(167,155,243,.3);text-transform:uppercase;white-space:pre-wrap;word-break:break-word}.terminal-line.centered{text-align:center;white-space:pre}.input-line{align-items:center;display:flex;font-family:c64_userregular,monospace;font-size:17px;line-height:17px;text-shadow:0 0 6px #a79bf3,0 0 12px rgba(167,155,243,.3);text-shadow:0 0 6px var(--c64-text),0 0 12px rgba(167,155,243,.3);text-transform:uppercase;white-space:pre}.input-line,.input-text{color:#a79bf3;color:var(--c64-text)}.cursor{color:transparent;font-size:17px;line-height:17px;margin-left:1px}.cursor,.cursor.visible{background-color:#a79bf3;background-color:var(--c64-text)}.cursor.visible{box-shadow:0 0 8px #a79bf3;box-shadow:0 0 8px var(--c64-text)}.cursor:not(.visible){background-color:initial;box-shadow:none}.photo-container{margin:10px 0}.photo{border:2px solid #a79bf3;border:2px solid var(--c64-text);height:auto;max-width:240px}.hidden-input{height:0;left:-9999px;opacity:0;position:absolute;top:-9999px;width:0}@-webkit-keyframes flicker{0%,to{opacity:1}93%{opacity:.98}94%{opacity:1}}@keyframes flicker{0%,to{opacity:1}93%{opacity:.98}94%{opacity:1}}.text-area{-webkit-animation:flicker 6s infinite;animation:flicker 6s infinite}.text-area::-webkit-scrollbar{width:8px}.text-area::-webkit-scrollbar-track{background:#40318d;background:var(--c64-bg)}.text-area::-webkit-scrollbar-thumb{background:#8774e3;background:var(--c64-border);border-radius:4px}@media (max-width:768px){.c64-container{padding:15px}.monitor-bezel{border-radius:16px;padding:14px}.c64-screen{border-radius:80px/16px;padding:28px 30px 24px}.text-area{height:340px;padding:16px 18px}.cursor,.input-line,.terminal-line,.text-area{font-size:12px;line-height:12px}}@media (max-width:480px){.c64-container{padding:10px}.monitor-bezel{border-radius:12px;padding:10px}.c64-screen{border-radius:50px/10px;padding:18px 16px 16px}.text-area{height:260px;padding:12px 14px}.cursor,.input-line,.terminal-line,.text-area{font-size:10px;line-height:10px}}
/*# sourceMappingURL=main.b95a72cf.css.map*/