:root{--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", sans-serif;--color60: #ffab61;--color30: #ffffff;--color10: #124008}@font-face{font-family:batuphat-extrude;src:url(/Batuphat-Script-Extrude.otf) format("woff2");src:url(/Batuphat-Script-Extrude.otf) format("woff")}@font-face{font-family:batuphat;src:url(/Batuphat-Script.otf) format("woff2");src:url(/Batuphat-Script.otf) format("woff")}html,body{background-color:var(--color60);font-family:Courier New,Courier,monospace;padding:0;margin:0;overflow:hidden;position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}h1{text-align:center;position:relative;color:var(--color30);font-family:batuphat;text-shadow:2px 2px 0 var(--color10),4px 4px 0 var(--color10),6px 6px 0 var(--color10);font-size:4rem}#textbox{max-width:60vw;transition:transform .1s ease;color:var(--color10);border-radius:10px;background-color:var(--color30);font-weight:bolder;font-size:2.5rem;padding:2.5rem;margin-bottom:6rem}#textarea{field-sizing:content;min-width:min(400px,60vw);width:auto;max-width:60vw;background-color:var(--color30);font-family:var(--font);color:var(--color10);transition:transform .1s ease;border:4px solid var(--color10);border-radius:10px;box-shadow:4px 4px 0 var(--color10);margin:16px;padding:1rem;font-size:2rem}#textarea:focus{outline:none;transform:scale(1.05)}button{font-family:var(--font);color:var(--color10);transition:transform .1s ease,box-shadow .1s ease;border:4px solid var(--color10);border-radius:200rem;box-shadow:4px 4px 0 var(--color10);font-size:2rem;padding:1rem;padding-inline:1.5rem;margin-inline:.1rem}button:hover{transform:scale(1.05)}button:active{transform:translate(4px,4px) scale(.95);box-shadow:0 0 0 var(--color10)}@media (max-width: 768px){h1{font-size:3rem}#textbox{font-size:1.5rem;padding:1.5rem;margin-bottom:3rem}#textarea,button{font-size:1rem}}