body,html{background:#321;padding:0;margin:0}#app,body,html{width:100vw;height:100vh;height:100dvh}#app{position:relative;font-size:1.2rem;font-family:Calibri,sans-serif;text-shadow:0 0 1px #111;color:#ffe;text-align:center;background-color:#071932;overflow:hidden}.copy,canvas{position:absolute;top:0;left:0;width:100vw;height:100vh;height:100dvh}input{left:50%;transform:translateX(-50%);padding:10px}.reset-btn,input{position:absolute;bottom:2em;font-size:16px}.reset-btn{background-color:#fff;color:#2e8b57;border:none;border-radius:20px;padding:10px 20px;cursor:pointer;box-shadow:2px 2px 8px rgba(0,0,0,.2);transition:transform .2s ease,box-shadow .2s ease;z-index:100}.reset-btn:hover{transform:scale(1.05);box-shadow:2px 2px 12px rgba(0,0,0,.3)}.reset-btn:active{transform:scale(1);box-shadow:2px 2px 8px rgba(0,0,0,.2)}