:root{--green:#00d3c4;--greenLight:#63ff00;--yellow:#fa0;--line:#dedede;--gray:#888;--white:#fff}.myapp{padding:15px}.myapp,.myapp h1{display:flex;flex-direction:column;align-items:center}.myapp h1{font-weight:400;font-size:clamp(26px,3vw,40px);padding:30px 0;gap:5px}.myapp .ht{display:flex;align-items:stretch;margin-bottom:15px;height:42px;width:100%;max-width:300px}.myapp .ht .ti{background:var(--green);width:80px;color:var(--white);display:flex;align-items:center;justify-content:center}.myapp .ht .ip{border:solid 1px var(--line);width:calc(100% - 80px)}.myapp .ht .ip input{width:100%;height:100%;border:none;outline:none;padding:0 15px}.myapp .btn{background:var(--yellow);padding:15px 30px;color:var(--white);cursor:pointer}