:root{--font-family: "Outfit", sans-serif;--font-regular: 400;--font-bold: 700;--size-x-large: 24px;--size-large: 20px;--size-medium: 16px;--size-small: 12px;--size-x-small: 8px;--color-white: #fff;--color-primary: hsl(218, 44%, 22%);--color-secondary: hsl(216, 15%, 48%);--space-large: 20px;--space-medium: 15px;--space-small: 10px;--radius-large: 12px;--radius-medium: 8px;--radius-small: 4px;--card-max-width: 300px}*{margin:0;padding:0;box-sizing:border-box}.app{height:100vh;width:100vw;background-color:#d5e1ef;font-family:var(--font-family);display:flex;justify-content:center;align-items:center}.qr-code-component{max-width:var(--card-max-width);width:100%;background:var(--color-white);padding:var(--space-large);border-radius:var(--radius-medium);font-family:var(--font-family)}.qr-code-component .image{width:100%;border-radius:var(--radius-medium);margin-bottom:var(--space-medium)}.qr-code-component .title{font-size:var(--size-large);color:var(--color-primary);font-weight:var(--font-bold);text-align:center;margin-bottom:var(--space-medium)}.qr-code-component .subtitle{font-size:var(--size-medium);color:var(--color-secondary);font-weight:var(--font-regular);text-align:center;margin-bottom:var(--space-medium)}