app.css

*{margin:0;padding:0}*,*::before,*::after{box-sizing:border-box}:root{--white: 0, 0%, 100%;--light-gray: 212, 45%, 89%;--grayish-blue: 220, 15%, 55%;--dark-blue: 218, 44%, 22%;--blue: 216.23 95.39% 57.45%;--light-blue: 216.3 99.01% 60.39%;--color-white: hsl(var(--white));--color-light-gray: hsl(var(--light-gray));--color-grayish-blue: hsl(var(--grayish-blue));--color-dark-blue: hsl(var(--dark-blue));--color-blue: hsl(var(--blue));--color-light-blue: hsl(var(--light-blue));--font-size: 15px;--font-family: "Outfit", sans-serif}body{height:100vh;display:grid;place-content:center;font-family:var(--font-family);background-color:hsl(var(--light-gray))}.▌│█║▌║▌║{width:100%;max-width:320px;margin-inline:auto;background-color:var(--color-white);text-align:center;letter-spacing:.6px;border-radius:20px;padding:15px 15px 40px 15px}.▌│█║▌║▌║>.heading-2,.▌│█║▌║▌║>.heading-1{font-family:var(--font-family);color:var(--color-dark-blue);font-size:22px}.▌│█║▌║▌║>.heading-1{font-weight:700}.▌│█║▌║▌║>.heading-2{margin-top:18px;font-weight:100;font-size:16px;color:var(--color-grayish-blue)}.▌│█║▌║▌║>.qrcode{position:relative;height:288px;border-radius:10px;margin-bottom:20px;background-color:var(--color-blue);background-image:linear-gradient(white 50%, white 50%),linear-gradient(var(--color-blue) 50%, var(--color-blue) 50%),linear-gradient(white 50%, white 50%),linear-gradient(white 50%, white 50%),linear-gradient(var(--color-blue) 50%, var(--color-blue) 50%),linear-gradient(white 50%, white 50%),linear-gradient(white 50%, white 50%),linear-gradient(var(--color-blue) 50%, var(--color-blue) 50%),linear-gradient(white 50%, white 50%),radial-gradient(circle, var(--color-light-blue) 50%, transparent 51%),radial-gradient(circle, var(--color-light-blue) 50%, transparent 51%);background-position:76px 196px,71px 191px,65px 185px,196px 74px,191px 69px,185px 63px,75px 74px,70px 69px,64px 63px,-256px -176px,2px 196px;background-size:17px 17px,27px 27px,39px 39px,17px 17px,27px 27px,39px 39px,17px 17px,27px 27px,39px 39px,610Q 360Q,610Q 360Q;background-repeat:no-repeat}.▌│█║▌║▌║>.qrcode>.qr{background:rgba(0,0,0,0);box-shadow:60.5px 5.5px 0 0 #fff,88px 5.5px 0 0 #fff,93.5px 5.5px 0 0 #fff,104.5px 5.5px 0 0 #fff,49.5px 11px 0 0 #fff,55px 11px 0 0 #fff,66px 11px 0 0 #fff,71.5px 11px 0 0 #fff,77px 11px 0 0 #fff,82.5px 11px 0 0 #fff,93.5px 11px 0 0 #fff,99px 11px 0 0 #fff,115.5px 11px 0 0 #fff,49.5px 16.5px 0 0 #fff,55px 16.5px 0 0 #fff,60.5px 16.5px 0 0 #fff,71.5px 16.5px 0 0 #fff,77px 16.5px 0 0 #fff,88px 16.5px 0 0 #fff,104.5px 16.5px 0 0 #fff,115.5px 16.5px 0 0 #fff,49.5px 22px 0 0 #fff,55px 22px 0 0 #fff,66px 22px 0 0 #fff,93.5px 22px 0 0 #fff,99px 22px 0 0 #fff,115.5px 22px 0 0 #fff,55px 27.5px 0 0 #fff,88px 27.5px 0 0 #fff,93.5px 27.5px 0 0 #fff,110px 27.5px 0 0 #fff,115.5px 27.5px 0 0 #fff,55px 33px 0 0 #fff,71.5px 33px 0 0 #fff,88px 33px 0 0 #fff,115.5px 33px 0 0 #fff,49.5px 38.5px 0 0 #fff,60.5px 38.5px 0 0 #fff,71.5px 38.5px 0 0 #fff,82.5px 38.5px 0 0 #fff,93.5px 38.5px 0 0 #fff,104.5px 38.5px 0 0 #fff,115.5px 38.5px 0 0 #fff,49.5px 44px 0 0 #fff,66px 44px 0 0 #fff,82.5px 44px 0 0 #fff,88px 44px 0 0 #fff,93.5px 44px 0 0 #fff,104.5px 44px 0 0 #fff,115.5px 44px 0 0 #fff,5.5px 49.5px 0 0 #fff,38.5px 49.5px 0 0 #fff,49.5px 49.5px 0 0 #fff,60.5px 49.5px 0 0 #fff,93.5px 49.5px 0 0 #fff,99px 49.5px 0 0 #fff,110px 49.5px 0 0 #fff,121px 49.5px 0 0 #fff,126.5px 49.5px 0 0 #fff,143px 49.5px 0 0 #fff,148.5px 49.5px 0 0 #fff,154px 49.5px 0 0 #fff,5.5px 55px 0 0 #fff,16.5px 55px 0 0 #fff,33px 55px 0 0 #fff,77px 55px 0 0 #fff,93.5px 55px 0 0 #fff,99px 55px 0 0 #fff,104.5px 55px 0 0 #fff,110px 55px 0 0 #fff,132px 55px 0 0 #fff,137.5px 55px 0 0 #fff,148.5px 55px 0 0 #fff,154px 55px 0 0 #fff,11px 60.5px 0 0 #fff,16.5px 60.5px 0 0 #fff,22px 60.5px 0 0 #fff,27.5px 60.5px 0 0 #fff,38.5px 60.5px 0 0 #fff,44px 60.5px 0 0 #fff,49.5px 60.5px 0 0 #fff,55px 60.5px 0 0 #fff,71.5px 60.5px 0 0 #fff,77px 60.5px 0 0 #fff,82.5px 60.5px 0 0 #fff,88px 60.5px 0 0 #fff,93.5px 60.5px 0 0 #fff,99px 60.5px 0 0 #fff,5.5px 66px 0 0 #fff,16.5px 66px 0 0 #fff,33px 66px 0 0 #fff,44px 66px 0 0 #fff,49.5px 66px 0 0 #fff,55px 66px 0 0 #fff,60.5px 66px 0 0 #fff,71.5px 66px 0 0 #fff,77px 66px 0 0 #fff,115.5px 66px 0 0 #fff,126.5px 66px 0 0 #fff,132px 66px 0 0 #fff,143px 66px 0 0 #fff,11px 71.5px 0 0 #fff,33px 71.5px 0 0 #fff,38.5px 71.5px 0 0 #fff,49.5px 71.5px 0 0 #fff,60.5px 71.5px 0 0 #fff,77px 71.5px 0 0 #fff,88px 71.5px 0 0 #fff,93.5px 71.5px 0 0 #fff,110px 71.5px 0 0 #fff,115.5px 71.5px 0 0 #fff,126.5px 71.5px 0 0 #fff,132px 71.5px 0 0 #fff,159.5px 71.5px 0 0 #fff,16.5px 77px 0 0 #fff,27.5px 77px 0 0 #fff,44px 77px 0 0 #fff,55px 77px 0 0 #fff,60.5px 77px 0 0 #fff,93.5px 77px 0 0 #fff,110px 77px 0 0 #fff,115.5px 77px 0 0 #fff,121px 77px 0 0 #fff,126.5px 77px 0 0 #fff,137.5px 77px 0 0 #fff,154px 77px 0 0 #fff,159.5px 77px 0 0 #fff,5.5px 82.5px 0 0 #fff,11px 82.5px 0 0 #fff,27.5px 82.5px 0 0 #fff,38.5px 82.5px 0 0 #fff,49.5px 82.5px 0 0 #fff,55px 82.5px 0 0 #fff,99px 82.5px 0 0 #fff,104.5px 82.5px 0 0 #fff,121px 82.5px 0 0 #fff,132px 82.5px 0 0 #fff,143px 82.5px 0 0 #fff,148.5px 82.5px 0 0 #fff,49.5px 88px 0 0 #fff,55px 88px 0 0 #fff,60.5px 88px 0 0 #fff,88px 88px 0 0 #fff,104.5px 88px 0 0 #fff,110px 88px 0 0 #fff,132px 88px 0 0 #fff,137.5px 88px 0 0 #fff,148.5px 88px 0 0 #fff,5.5px 93.5px 0 0 #fff,27.5px 93.5px 0 0 #fff,33px 93.5px 0 0 #fff,38.5px 93.5px 0 0 #fff,66px 93.5px 0 0 #fff,93.5px 93.5px 0 0 #fff,99px 93.5px 0 0 #fff,104.5px 93.5px 0 0 #fff,110px 93.5px 0 0 #fff,132px 93.5px 0 0 #fff,143px 93.5px 0 0 #fff,148.5px 93.5px 0 0 #fff,5.5px 99px 0 0 #fff,44px 99px 0 0 #fff,49.5px 99px 0 0 #fff,55px 99px 0 0 #fff,66px 99px 0 0 #fff,77px 99px 0 0 #fff,82.5px 99px 0 0 #fff,99px 99px 0 0 #fff,104.5px 99px 0 0 #fff,110px 99px 0 0 #fff,115.5px 99px 0 0 #fff,126.5px 99px 0 0 #fff,132px 99px 0 0 #fff,137.5px 99px 0 0 #fff,148.5px 99px 0 0 #fff,154px 99px 0 0 #fff,159.5px 99px 0 0 #fff,5.5px 104.5px 0 0 #fff,11px 104.5px 0 0 #fff,22px 104.5px 0 0 #fff,27.5px 104.5px 0 0 #fff,33px 104.5px 0 0 #fff,38.5px 104.5px 0 0 #fff,49.5px 104.5px 0 0 #fff,55px 104.5px 0 0 #fff,66px 104.5px 0 0 #fff,88px 104.5px 0 0 #fff,110px 104.5px 0 0 #fff,143px 104.5px 0 0 #fff,159.5px 104.5px 0 0 #fff,5.5px 110px 0 0 #fff,16.5px 110px 0 0 #fff,22px 110px 0 0 #fff,33px 110px 0 0 #fff,55px 110px 0 0 #fff,60.5px 110px 0 0 #fff,71.5px 110px 0 0 #fff,77px 110px 0 0 #fff,104.5px 110px 0 0 #fff,115.5px 110px 0 0 #fff,121px 110px 0 0 #fff,126.5px 110px 0 0 #fff,132px 110px 0 0 #fff,137.5px 110px 0 0 #fff,5.5px 115.5px 0 0 #fff,27.5px 115.5px 0 0 #fff,38.5px 115.5px 0 0 #fff,44px 115.5px 0 0 #fff,55px 115.5px 0 0 #fff,66px 115.5px 0 0 #fff,82.5px 115.5px 0 0 #fff,88px 115.5px 0 0 #fff,99px 115.5px 0 0 #fff,115.5px 115.5px 0 0 #fff,121px 115.5px 0 0 #fff,126.5px 115.5px 0 0 #fff,132px 115.5px 0 0 #fff,137.5px 115.5px 0 0 #fff,148.5px 115.5px 0 0 #fff,154px 115.5px 0 0 #fff,159.5px 115.5px 0 0 #fff,49.5px 121px 0 0 #fff,55px 121px 0 0 #fff,60.5px 121px 0 0 #fff,82.5px 121px 0 0 #fff,99px 121px 0 0 #fff,104.5px 121px 0 0 #fff,115.5px 121px 0 0 #fff,137.5px 121px 0 0 #fff,143px 121px 0 0 #fff,71.5px 126.5px 0 0 #fff,104.5px 126.5px 0 0 #fff,110px 126.5px 0 0 #fff,115.5px 126.5px 0 0 #fff,126.5px 126.5px 0 0 #fff,137.5px 126.5px 0 0 #fff,143px 126.5px 0 0 #fff,148.5px 126.5px 0 0 #fff,60.5px 132px 0 0 #fff,66px 132px 0 0 #fff,82.5px 132px 0 0 #fff,88px 132px 0 0 #fff,93.5px 132px 0 0 #fff,110px 132px 0 0 #fff,115.5px 132px 0 0 #fff,137.5px 132px 0 0 #fff,159.5px 132px 0 0 #fff,71.5px 137.5px 0 0 #fff,77px 137.5px 0 0 #fff,82.5px 137.5px 0 0 #fff,93.5px 137.5px 0 0 #fff,110px 137.5px 0 0 #fff,115.5px 137.5px 0 0 #fff,121px 137.5px 0 0 #fff,126.5px 137.5px 0 0 #fff,132px 137.5px 0 0 #fff,137.5px 137.5px 0 0 #fff,143px 137.5px 0 0 #fff,55px 143px 0 0 #fff,60.5px 143px 0 0 #fff,66px 143px 0 0 #fff,77px 143px 0 0 #fff,82.5px 143px 0 0 #fff,99px 143px 0 0 #fff,104.5px 143px 0 0 #fff,121px 143px 0 0 #fff,132px 143px 0 0 #fff,143px 143px 0 0 #fff,148.5px 143px 0 0 #fff,154px 143px 0 0 #fff,55px 148.5px 0 0 #fff,60.5px 148.5px 0 0 #fff,88px 148.5px 0 0 #fff,93.5px 148.5px 0 0 #fff,99px 148.5px 0 0 #fff,110px 148.5px 0 0 #fff,121px 148.5px 0 0 #fff,126.5px 148.5px 0 0 #fff,132px 148.5px 0 0 #fff,137.5px 148.5px 0 0 #fff,143px 148.5px 0 0 #fff,148.5px 148.5px 0 0 #fff,154px 148.5px 0 0 #fff,71.5px 154px 0 0 #fff,88px 154px 0 0 #fff,110px 154px 0 0 #fff,121px 154px 0 0 #fff,132px 154px 0 0 #fff,143px 154px 0 0 #fff,148.5px 154px 0 0 #fff,159.5px 154px 0 0 #fff,49.5px 159.5px 0 0 #fff,55px 159.5px 0 0 #fff,66px 159.5px 0 0 #fff,77px 159.5px 0 0 #fff,82.5px 159.5px 0 0 #fff,99px 159.5px 0 0 #fff,104.5px 159.5px 0 0 #fff,110px 159.5px 0 0 #fff,121px 159.5px 0 0 #fff,126.5px 159.5px 0 0 #fff,132px 159.5px 0 0 #fff,137.5px 159.5px 0 0 #fff,143px 159.5px 0 0 #fff,148.5px 159.5px 0 0 #fff;height:5.5Q;width:5.5Q;position:absolute;top:58px;left:60px}/*# sourceMappingURL=app.css.map */