@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;700&display=swap";body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--main-bg-color: #ffffff;--highlight-color: #540c70}html,body{margin:0;padding:0;font-family:Poppins,sans-serif;height:calc(100% - 2rem)}body{background-color:#540c70;padding:2rem}#root{height:auto}@media (min-width: 990px){#root{height:100%}}.App{text-align:center;background-color:var(--main-bg-color);height:100%;display:flex;justify-content:center;align-items:center;font-family:Poppins,sans-serif;flex-direction:column}.App .logo{position:absolute;top:4rem;left:50%;transform:translate(-50%);width:100px}.App .person__name h1{font-weight:400;text-transform:uppercase;font-size:1.5rem;margin-bottom:.5rem}.App .person__name h2{font-weight:100;text-transform:none;font-size:1.2rem;margin:0 0 2rem}.App .InputBox{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem;min-height:400px}.App .InputBox .error{color:red}.App .InputBox button{background-color:var(--highlight-color);width:50%;border:none;color:#fff;padding:1rem;font-size:1.2rem;font-family:Poppins,sans-serif}.App .InputBox input{text-transform:uppercase;font-family:Poppins,sans-serif;text-align:center;font-size:2rem;background-color:#eee;border:none;width:50%;outline:none;padding:1rem 0}.App .qrcode{width:100%;max-width:300px}.App .qrcode canvas{width:100%;height:auto}