#root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;width:100vw;height:100vh;display:flex;flex-direction:column}.main-center-70vw{width:70vw;padding:2rem;border-radius:50px;border:1px solid rgb(142,137,137);display:flex;box-shadow:4px 4px 10px #3a9aee33;flex-direction:column;align-items:center;justify-content:center;background-color:#00182e76}body{margin:0;overflow:auto}.home{display:flex;height:80%;flex-direction:column;align-items:center}.btn.generator a{color:#fff}.btn.generator:hover,.btn.scanner:hover{background:#545c5f;border:none;color:#fff}.btn.scanner a{color:#fff}.contact-main,.about-main{background-color:#0d104991;display:flex;height:80%;flex-direction:column;align-items:center}.main-header{font-size:2rem;color:#080000c7}.btn{border:1px solid rgb(255,255,255);width:20rem;height:20rem;margin:25px 0 40px;display:flex;justify-content:center;align-items:center;font-size:1.76rem;color:#000;background-color:#fff;border-radius:25px}.main{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:12}.app{display:flex;flex-direction:column;height:100vh;background-size:cover;background-image:url(https://png.pngtree.com/thumb_back/fh260/background/20210115/pngtree-blue-gradient-web-ui-background-image_518658.jpg)}.footer{margin:0;background-color:#33455ce1;display:flex;color:#c5c4c4;justify-content:center;align-items:center;flex:1.5;border-top-left-radius:20px;border-top-right-radius:20px}@media (min-width:0px) and (max-width:700px){#root{background-color:#fff;height:100vh}}.contact-menu{list-style:none;margin-top:30px}.contact-menu li{font-size:1.6rem;color:#fff;font-weight:500}.para-about{text-align:justify;margin:30px;color:#fff;font-size:1.25rem}*{margin:0;padding:0}.active{background-color:#00040f80;color:#fff}nav{display:flex;justify-content:space-between;align-items:center;background-color:#394b6ed2;position:sticky;top:0;flex:1.5;border-bottom-left-radius:20px;border-bottom-right-radius:20px}#brand{text-decoration:none;font-size:1.5rem;margin:1.5rem;font-weight:700;color:#fff}nav ul{display:flex}nav ul li{list-style:none}nav ul li a{display:block;text-decoration:none;color:#fff;padding:.5rem;margin:0 .5rem;border-radius:.5rem}nav ul li a:not(.active):hover{background-color:#155a8290;color:#f0f8ff}.menu{display:none;fill:#1d4ed8;position:absolute;top:.45rem;right:.5rem}@media (max-width:600px){nav .menu{display:flex}nav{display:flex;flex-direction:column}nav ul{display:none;flex-direction:column;width:100%;margin-bottom:.25rem}nav ul li{text-align:center;width:100%}nav ul li a{margin:.2rem .5rem}}nav ul.open{display:flex}.img{display:block;width:200px;height:200px;margin:auto}.generator{display:flex;height:90%;flex-direction:column;align-items:center;justify-content:center;font-size:2rem;color:#000}input{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;background:#fff;width:100%;max-width:320px;padding:.5rem 1.9rem;margin-bottom:10px;border-radius:1rem}.download{background-color:#05a723;margin:10px;outline:none;font-size:large}.download a{color:#fff}.generate-btn{margin-bottom:10px;outline:none;color:#fff;border:none;background-color:#0569a7;font-size:large}.generate-btn:hover,.download:hover{outline:none;color:#000}.main-header{margin-bottom:10px}.main-center-70vw{padding:10px}.search{width:100%;height:3.5rem;border:1px solid rgb(174,169,169);background-color:#d7e4e3;color:#010c17;font-size:1.25rem}*{margin:0;padding:0;box-sizing:border-box}.scanner{display:flex;height:90%;flex-direction:column;align-items:center;justify-content:center;font-size:2rem}.scanner-option{display:flex;flex-direction:column}.camera-scan{margin:10px;padding:60px;height:5rem;border-radius:40px;font-size:1.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#2f2f2f}.camera-scan:hover{background:#545c5f;border:none;color:#fff}.upload{margin:10px;background:#fff;border-radius:40px;font-size:1.5rem;padding:50px;display:flex;flex-direction:column;justify-content:center;align-items:center}.upload:hover{background:#545c5f;border:none;color:#fff}.result-div{background:#fff;color:#000}.result{color:#fff;font-size:1.2rem}.result-rescan{background:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:50px;border-radius:25px}.rescan{background:#000;margin-top:10px;padding:10px;width:50%;color:#fff}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff;color:#050000}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}