@font-face{font-family:Terminal;src:url(./terminal-grotesque.CbV3XFSd.ttf) format("woff2")}:root{--green:#5ffb40;--corners:#c1c1c1}body,html{margin:0;padding:0}body{background-color:#000;color:var(--green);font-family:Terminal;font-size:2em}.container{display:flex;height:100vh;width:100%}.banner{background-color:var(--green);color:#000;cursor:pointer;font-size:5em;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:20vw!important;writing-mode:vertical-lr}.container div{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}textarea{background-color:transparent;border:0 solid #000;box-sizing:border-box;color:var(--green);font-size:1em;height:100%;overflow:auto;padding:5%;resize:none;width:100%}textarea:focus{outline:none}.banner:hover{background-color:var(--corners)}.result{align-items:center;background-color:red;background:linear-gradient(to right,var(--corners) 2px,transparent 2px) 0 0,linear-gradient(to right,var(--corners)2px,transparent 2px) 0 100%,linear-gradient(to left,var(--corners)2px,transparent 2px) 100% 0,linear-gradient(to left,var(--corners) 2px,transparent 2px) 100% 100%,linear-gradient(to bottom,var(--corners) 2px,transparent 2px) 0 0,linear-gradient(to bottom,var(--corners) 2px,transparent 2px) 100% 0,linear-gradient(to top,var(--corners) 2px,transparent 2px) 0 100%,linear-gradient(to top,var(--corners) 2px,transparent 2px) 100% 100%;background-repeat:no-repeat;background-size:20px 20px;display:flex;justify-content:center;padding:50px;width:-moz-fit-content;width:fit-content}@media(max-width:800px){.container{flex-direction:column}.container div{height:-moz-fit-content;height:fit-content}.banner{font-size:15vw;height:-moz-fit-content!important;height:fit-content!important;width:100%!important;writing-mode:horizontal-tb}.rnd{height:100%!important}.result{padding:20px}}