@import"https://fonts.googleapis.com/css2?family=Lato: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: rgba(0, 0, 0, .8)}html,body{margin:0;padding:0;font-family:Lato,sans-serif;height:calc(100% - 2rem);color:#fff}body{background-color:#000;background-image:url(/assets/purmop-black_header.1ad0e80a.jpg);background-size:cover;padding:2rem}body:after{content:"";position:absolute;width:100vw;height:50%;left:0;bottom:0;background:linear-gradient(0deg,black 0%,black 25%,rgba(0,0,0,0) 100%)}#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:Lato,sans-serif;flex-direction:column;position:relative;z-index:100}.App .logo{position:absolute;top:4rem;left:50%;transform:translate(-50%);width:150px}.App .person__name h1{font-weight:400;text-transform:uppercase;font-size:1.5rem;margin-bottom:.5rem}.App .person__name h2{font-weight:300;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:#f7941e;width:50%;border:none;color:#fff;padding:1rem;font-size:1.2rem;font-family:Lato,sans-serif}.App .InputBox input{text-transform:uppercase;font-family:Lato,sans-serif;text-align:center;font-size:2rem;background-color:#fff;border:none;width:50%;outline:none;padding:1rem 0}.App .qrcode{width:100%;max-width:300px}.App .qrcode canvas{width:100%;height:auto;border:2px solid #008276}