@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap";
@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.8e0177b5.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.b97b3418.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.853070df.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist","Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.c1fdd6c2.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.799d8ef8.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.dbea232f.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}
body{font-optical-sizing:auto;font-family:Inter,sans-serif;font-style:normal;font-weight:400}h2,h1{font-optical-sizing:auto;font-family:Space Grotesk,sans-serif;font-style:normal;font-weight:400}.app-name,.description{text-align:center}.user-info{text-align:center;margin:auto}.loading{justify-content:center;align-items:center;height:100vh;display:flex}.container{grid-template-columns:1fr;gap:5rem;max-width:90%;margin:80px auto;display:grid}.tops-wrapper{justify-content:space-between;align-items:center;display:flex}.tops-wrapper div{border-radius:12px;max-width:60%}.tops-wrapper img{object-fit:cover;border-radius:12px;width:100%;height:100%}.tops-wrapper button{background-color:#fff;border:none}.tops-wrapper button:hover{transform:scale(1.06)}.tops-wrapper .top-img-div{border:1px solid gray;border-radius:12px;padding:24px;position:relative}.tops-wrapper h2{background-color:#fff;position:absolute;top:0;left:0;transform:translate(30%,-120%)}.bottom-wrapper{justify-content:space-between;align-items:center;display:flex}.bottom-wrapper div{border-radius:12px;max-width:60%;height:auto}.bottom-wrapper img{object-fit:contain;border-radius:12px;width:100%;height:100%}.bottom-wrapper button{background-color:#fff;border:none}.bottom-wrapper button:hover{transform:scale(1.06)}.bottom-wrapper .bottom-img-div{border:1px solid gray;border-radius:12px;padding:24px;position:relative}.bottom-wrapper h2{background-color:#fff;position:absolute;top:0;left:0;transform:translate(30%,-120%)}.self-wrapper{border-radius:12px;justify-content:center;align-items:center;display:flex}.self-wrapper div{justify-content:center;align-items:center;width:100%;display:flex}.self-wrapper img{object-fit:contain;border:none;border-radius:12px;width:100%;height:100%}form{flex-direction:column;gap:.7rem;display:flex}form button{color:#fff;cursor:pointer;background-color:#000;border:none;border-radius:4px;margin-top:1rem;padding:8px;font-size:1rem}form button:hover{background-color:#333}form select{border:1px solid #0a0a0c;border-radius:4px;padding:8px;font-size:1rem}form select option{padding:8px;font-size:1rem}form .file-button{color:#fff;cursor:pointer;background-color:#555;border:none;border-radius:4px;padding:8px}form .file-button:hover{background-color:gray}form .file-button input[type=file]{opacity:0;width:1px;height:1px;position:absolute}input{padding:2px;font-family:Inter,sans-serif}.generate-wrapper{flex-direction:column;align-items:center;display:flex}.generate-wrapper button{color:#fff;cursor:pointer;background-color:#006400;border:none;border-radius:4px;margin:20px auto;padding:12px 24px;font-size:1rem}.generate-wrapper button:hover{background-color:#004d00}.success-message{color:#006400}.signup-container{max-width:85%;margin:auto;padding:2rem}.signup-container h2{font-size:1.3rem}.signup-container input{border:1px solid gray;border-radius:4px;padding:12px}.signup-container button{background-color:#000;padding:8px;font-size:1rem}.signup-container button:hover{background-color:#004d00}.signup-container a{color:#2b35af;cursor:pointer;text-decoration:none}.login-container{max-width:85%;margin:auto;padding:2rem}.login-container input{border:1px solid gray;border-radius:4px;padding:12px}.login-container button{padding:8px;font-size:1rem}.login-container button:hover{background-color:#333}.login-container a{color:#2b35af;cursor:pointer;text-decoration:none}.login-container .error-message{color:red}.logout{background-color:#f2f4f7;padding:36px}.logout button{background-color:#f2f4f7;border:none;font-size:1rem}.logout button:hover{color:#004d00}.puff-in-center{animation:.7s cubic-bezier(.47,0,.745,.715) both puff-in-center}@keyframes puff-in-center{0%{filter:blur(4px);opacity:0;transform:scale(2)}to{filter:blur();opacity:1;transform:scale(1)}}@media (min-width:805px){.container{grid-template-columns:repeat(2,1fr)}.container .self-wrapper{grid-row:1/3;grid-column-start:2}.signup-container,.login-container{max-width:50%}}@media (min-width:1005px){.container{max-width:70%}}@media (min-width:1130px){.container{max-width:50%}.logout button{font-size:1.5rem}}@media (min-width:1900px){.signup-container,.login-container{font-size:larger}:is(.signup-container,.login-container) input{padding:16px}}