@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,600;0,700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.hero{align-items:center;color:#1f0c0c;display:flex;font-family:Poppins;height:100vh;justify-content:space-between;overflow-x:hidden;width:100%}.hero_image{height:95%}.hero_content{box-sizing:border-box;display:flex;flex-direction:column;height:100%;padding:10% 8%}h1{font-size:55px;font-weight:700}.hero_content p{font-size:20px}.button{background:#000;box-sizing:border-box;gap:10px;mix-blend-mode:darken;padding:5px 10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.button,.button-orange{align-items:center;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:18px;justify-content:center;-webkit-user-select:none;user-select:none}.button-orange{background:#ef9b4d;margin-top:5%;padding:10px}.button img{height:10px}.button.light{background:#fff;border:1px solid #aaa;color:#000}.hero_image_mini{display:none}@media (max-width:768px){.hero{flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.hero_image{display:none}.hero_image_mini{display:block;width:70%}.hero_content{align-items:center;overflow:hidden;text-align:center;width:100%}h1{font-size:38px;margin:0}}.nav{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;padding:1% 2%;position:absolute;width:100%;z-index:2}.logo{width:100px}.nav_links{align-items:center;display:flex;gap:50px}.link{color:#000;font-family:Poppins;font-size:20px;font-weight:600;text-decoration:none}.link,.navbtn{cursor:pointer}.navbtn{display:none;position:absolute;right:10px;top:10px}.avatar{align-items:center;background:#ccc;border-radius:200px;color:#fff;cursor:pointer;display:flex;font-family:Poppins;font-size:20px;height:40px;justify-content:center;width:40px}.nav-dropdown{align-items:flex-end;display:flex;flex-direction:column;position:relative}.dropdown-content{background:#fff;border:1px solid #aaa;border-radius:10px;display:none;flex-direction:column;font-family:Poppins;gap:10px;padding:15px;position:absolute;top:50px}.dropdown-header{border-bottom:1px solid #aaa;box-sizing:border-box;padding-bottom:10px}.dropdown-button{border-radius:5px;cursor:pointer;padding:5px}.dropdown-button:hover{background:#00000027}@media (max-width:768px){.navbtn{display:block}.nav{flex-direction:column;position:relative}.logo{left:15px;position:absolute;top:5px}.nav_links{flex-direction:column;gap:15px;margin-top:45px;max-height:0;overflow:hidden;transition:.2s}.nav_links.open{max-height:120px;transition:.2s}}.footer{align-items:flex-start;background:#fff;box-sizing:border-box;display:flex;gap:14%;justify-content:center;padding:2%;width:100%}.link_group{display:flex;flex-direction:column;gap:15px}.link_group a{align-items:center;color:#000;display:flex;font-size:16px;gap:10px;text-decoration:none}.link_group a,h3{font-family:Poppins}h3{font-weight:600;margin:0}@media (max-width:768px){.footer{gap:50px;padding-top:5%}.footer,.link_group{align-items:center;flex-direction:column}.link_group{display:flex;gap:15px}}.home{background-image:url(/static/media/background.db8184ed2312dbf43f79.svg);background-size:100% auto}@media (max-width:768px){.home{background-image:url(/static/media/background_mini.ad4a904826d623751a60.svg)}}.login-container{align-items:center;background:#fff;border-radius:10px;box-sizing:border-box;display:flex;flex-direction:column;gap:20px;padding:2%;position:absolute}.login-container .button{margin:0;width:300px}h2{font-size:30px}.login-input{border:1px solid #aaa;border-radius:4px;height:40px;margin-bottom:10px;position:relative;width:300px}.login-input input{border:none;height:100%;outline:none;padding:8px;width:100%}.login-input input,.login-input label{box-sizing:border-box;position:absolute}.login-input label{font-family:Poppins;margin:10px 15px;pointer-events:none;transition:.3s;width:-webkit-max-content;width:max-content}.login-input input:focus~label{background:#fff;font-size:13px;margin-left:10px;padding:0 5px;top:-20px}.login-input input:not(:placeholder-shown)~label{background:#fff;font-size:13px;margin-left:10px;padding:0 5px;top:-20px}.login-link{color:#1c5cab;cursor:pointer;font-weight:600}.login-error{color:#c20000}.backdrop{align-items:center;background:#0000005f;display:flex;height:100vh;justify-content:center;position:fixed;width:100vw;z-index:10}@media (max-width:768px){.login-container{width:90%}}.main-section{align-items:center;box-sizing:border-box;display:flex;gap:20px;height:100vh;justify-content:center;overflow:hidden;width:100%}.preview{background:#fff;box-shadow:2px 2px 4px #00000033;display:flex;flex-direction:column;font-size:1rem;gap:10px;height:60%;padding:30px 15px 15px;position:relative}.preview .button{width:100%}.preview .button img{mix-blend-mode:darken}.close-button{cursor:pointer;position:absolute;right:10px;top:10px;width:15px}.preview-image{aspect-ratio:3/4;flex:1 1;object-fit:cover}.loading-icon{height:15px;margin:0 10px;object-fit:cover;width:30px}.result-container{-ms-overflow-style:none;display:flex;flex-direction:column;gap:10px;height:60%;overflow-y:scroll;padding-bottom:50px;scrollbar-width:none;width:40%}.result-container::-webkit-scrollbar{display:none}.message{-webkit-animation:zoomin .5s;animation:zoomin .5s;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards;background:#fff;border-radius:10px;border-top-left-radius:0;box-shadow:2px 2px 4px #00000033;box-sizing:border-box;display:flex;flex-direction:column;font-family:Poppins;gap:10px;max-width:550px;padding:10px;-webkit-transform-origin:0 0;transform-origin:0 0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.message:first-child{-webkit-animation-delay:1s;animation-delay:1s}.message:nth-child(2){-webkit-animation-delay:2s;animation-delay:2s}.message:nth-child(3){-webkit-animation-delay:3s;animation-delay:3s}.message:nth-child(4){-webkit-animation-delay:4s;animation-delay:4s}.message:nth-child(5){-webkit-animation-delay:5s;animation-delay:5s}.message p{margin:0}.color-palette{display:flex;gap:20px}.color{border-radius:20px;height:30px;width:30px}@media (max-width:768px){.main-section{align-items:center}.result-container{width:90%}.preview{font-size:.9rem;width:60%}.main-section{flex-direction:column;gap:50px}}.image_selection{flex-direction:column;height:100vh;width:100%}.drop_container,.image_selection{align-items:center;display:flex;justify-content:center}.drop_container{border:2px dashed #000;border-radius:20px;gap:20px;height:300px;width:70%}.drop_container.active{background:#0000001f}.draganddrop_text{display:flex;flex-direction:column;font-size:25px;gap:20px}.example_container{display:flex;flex-direction:column;font-size:20px;padding-top:1%;width:70%}.examples{display:flex;gap:3%;justify-content:center;padding-top:1%}.example{aspect-ratio:6/7;cursor:pointer;object-fit:cover;width:18%}.preview-container{align-items:center;display:flex;flex-direction:column;gap:10px;height:70%;justify-content:center}.button-group{display:flex;gap:20px}.preview-image{height:100%;object-fit:contain;width:100%}@media (max-width:768px){.drop_container{flex-direction:column;margin-bottom:10%;padding:5%}.drop_container img{width:30%}.draganddrop_text{text-align:center}.draganddrop_text,.example_container{align-items:center}.examples{flex-wrap:wrap;gap:20px;justify-content:center;margin-top:10%}.example{width:40%}}.card{-webkit-animation:zoomin .5s 1;animation:zoomin .5s 1;aspect-ratio:3/4;background:#fff;border-radius:10px;border-top-left-radius:0;box-shadow:2px 2px 4px #00000033;box-sizing:border-box;display:flex;flex-direction:column;font-family:Poppins;gap:5px;justify-content:space-between;padding:20px;-webkit-transform-origin:0 0;transform-origin:0 0;transition:.8s;width:70%}.card-paragraph{font-size:.9rem;margin:0}.card-image{aspect-ratio:3/2;flex:1 1;object-fit:cover}.card-footer{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;height:50px;width:100%}.card-link,.card-link:visited{color:#0c5ca7;text-decoration:none}@-webkit-keyframes zoomin{0%{opacity:0;-webkit-transform:scale(.2);transform:scale(.2)}}@keyframes zoomin{0%{opacity:0;-webkit-transform:scale(.2);transform:scale(.2)}}@media (max-width:768px){.card{padding:10px;width:85%}}
/*# sourceMappingURL=main.4db68bd6.css.map*/