:root{--text: #050315;--background: #FBFBFE;--primary: #2F27CE;--secondary: #DEDCFF;-accent:#433BFF}*{margin:0;padding:0;box-sizing:border-box;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}body{width:100dvw;background-color:var(--secondary)}#app{margin:2rem auto;max-width:500px;width:30%}#app h1{text-align:center;margin-bottom:1rem}#appContainer{background-color:var(--background);margin-bottom:2rem;padding:2rem 1.25rem;box-shadow:5px 5px 15px #0000004d;display:flex;align-items:center;flex-direction:column}#qrForm{width:80%;display:flex;flex-direction:column;gap:1rem;align-items:center;margin-bottom:2rem}#qrForm input,button{background-color:var(--background);padding:.25rem;border:1.5px solid var(--primary);color:var(--primary)}#qrForm input{width:100%;color:var(--text)}#qrForm button:hover{background-color:var(--primary);color:var(--background)}#qrContainer{text-align:center}footer{text-align:center}footer a{color:var(--text)}footer:visited{color:var(--text)}@media (max-width: 600px){#app{width:80%}}