:root{--white: hsl(0, 0%, 100%);--slate-300: hsl(212, 45%, 89%);--slate-500: hsl(216, 15%, 48%);--slate-900: hsl(218, 44%, 22%)}*{margin:0;padding:0;box-sizing:border-box;font-family:Outfit,sans-serif}body{height:100vh;background:var(--slate-300)}.main{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.content{width:320px;padding:1rem;margin:0 1rem;border-radius:20px;background:var(--white)}.img{width:100%;height:290px;background-size:cover;border-radius:12px;background-position:center;background-image:url("./media/image-qr-code-YAGY633I.png")}.text{padding:1rem;text-align:center}.text .title{font-size:22px;font-weight:700;margin-bottom:1rem;line-height:24px;color:var(--slate-900)}.text .detail{font-size:15px;font-weight:500;color:var(--slate-500)}