@font-face{font-family:"Outfit";src:url(fonts/Outfit-Regular.woff2) format("woff2"),url(fonts/Outfit-Regular.woff) format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"Outfit";src:url(fonts/Outfit-Bold.woff2) format("woff2"),url(fonts/Outfit-Bold.woff) format("woff");font-weight:bold;font-style:normal;font-display:swap}*{box-sizing:border-box;margin:0;padding:0}html{font-size:100%}body{font-family:"Outfit","Arial",sans-serif;background-color:var(--1-slate-300)}.wrapper{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center}:root{--1-slate-900: hsl(218, 44%, 22%, 1);--1-slate-500: hsl(216, 15%, 48%, 1);--1-slate-300: hsl(212, 45%, 89%, 1);--1-white: hsl(0, 0%, 100%, 1)}.qr-code{background-color:var(--1-white);max-width:20rem;width:100%;padding:clamp(.5rem,4.27vw,1rem) clamp(.5rem,4.27vw,1rem) clamp(1.25rem,10.67vw,2.5rem);border-radius:1.25rem;box-shadow:0 1.5625rem 1.5625rem 0 rgba(0,0,0,.0477);text-align:center}.qr-code__image{display:block;max-width:100%;margin-block-end:clamp(.25rem,6.4vw,1.5rem);border-radius:.625rem}.qr-code__text{padding:0 clamp(.25rem,4.27vw,1rem)}.qr-code__title{margin-block-end:clamp(.25rem,4.27vw,1rem);color:var(--1-slate-900);font-weight:bold;font-size:clamp(.625rem,5.87vw,1.375rem);line-height:1.2}.qr-code__instruction{color:var(--1-slate-500);font-size:clamp(.625rem,4vw,.9375rem);line-height:1.4;letter-spacing:.0125rem}
