.qrcode{width:300px;height:300px;margin:0 auto;display:block;flex:1;border-radius:4px;text-align:center;margin-bottom:20px;margin-top:50px}@media (max-width:480px){.qrcode{width:100%;height:auto;margin-top:20px;margin-bottom:20px}}.scan-confirmation{position:absolute;width:100%;height:100%;background-color:hsla(0,0%,100%,.8);display:flex;flex-flow:row nowrap;justify-content:center;align-items:center}.result{color:#fff;font-weight:700}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:60px}body,html{padding:0;margin:0;width:100%;min-height:100%;background-color:#4c5b66}