body{background:linear-gradient(#fff 0%,#000 100%);min-height:100vh;margin:0}#center{box-sizing:border-box;place-items:center;min-height:100vh;padding:16px;display:grid}.main-box{aspect-ratio:10/13;background:#999;flex-direction:column;justify-content:center;align-items:center;gap:8%;width:min(90vw,600px);display:flex}.qr-area{aspect-ratio:1;background:#fff;width:83.333%}.qr-area canvas{width:100%;height:100%;display:block}.text-area{background:#555;width:83.333%;height:14.103%}.text-area input{box-sizing:border-box;text-align:center;width:100%;height:100%;padding:0 4%;font-size:clamp(1.25rem,4vw,2.5rem)}