.Header{background-color:#33006f;flex-shrink:0;height:15vh;width:100%}.Header .col-md-5{margin-left:10px}.Header h1{font-family:Dancing Script,cursive;font-size:2rem;margin:0;text-align:left}.Header .nav{margin-right:20px}.Header .nav-item{display:inline-block}.Header .nav-link{color:#fff;font-size:1.5rem;text-decoration:none}.Header .nav-link:hover{text-decoration:underline}.Header .dropdown-menu{background-color:#33006f;border:none;display:none;left:auto;position:absolute;right:0}.Header .dropdown-menu.show{display:block}.Header .dropdown-toggle{background-color:initial;border:none;color:#fff;font-size:1rem}.Header .dropdown-item{font-size:1rem;text-decoration:none}@media (max-width:767px){.Header{height:12vh}.Header h1{font-size:1.5rem}.Header .col-md-5{flex:1 1}}.footer{align-items:center;display:flex;flex-shrink:0;height:5vh;justify-content:center;width:100%}.footer .container{text-align:center}.footer .text-muted{color:#6c757d}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;overflow-x:hidden;width:100%}.App{display:flex;flex-direction:column;min-height:100vh}.Main{background:linear-gradient(89.8deg,#c34381 11%,#5a2bba 83.4%);background-size:cover;border-left:15px solid #fff;border-radius:100px;border-right:15px solid #fff;color:#fff;flex:1 1;flex-direction:column;gap:20px;justify-content:center;overflow:hidden;padding:30px;text-align:center}.Main,.content-wrapper{align-items:center;display:flex;width:100%}.content-wrapper{flex-direction:row;flex-wrap:wrap;justify-content:space-between;overflow-x:hidden;padding:20px}.text-container{margin:0 auto;max-width:80%;padding:10px;text-align:center}.text-container h1,.text-container p{transition:transform .3s ease,color .3s ease}.text-container h1{font-size:2rem;line-height:1.4}.text-container p{font-size:1.2rem;line-height:1.6}.text-container h1:hover{color:#fc0;transform:scale(1.05)}.display-4{font-family:Great Vibes,cursive;font-size:3rem;font-weight:700;letter-spacing:2px;margin-bottom:20px;text-shadow:2px 2px 4px #00000080}.lead{font-family:Dancing Script,cursive;font-size:1.5rem;font-weight:lighter;line-height:1.8;text-shadow:1px 1px 3px #0000004d}.uploader-container{display:flex;flex:1 1;flex-direction:column;justify-content:space-between}.fw-bold{font-weight:700}@media (max-width:1024px){.Main{flex-direction:column;gap:15px;padding:20px}.text-container{max-width:90%}.display-4{font-size:2rem}.lead{font-size:1.1rem}}@media (max-height:768px){.Main{justify-content:flex-start;padding:15px}.text-container{padding:5px;width:90%}.display-4{font-size:1.8rem}.lead{font-size:1rem}}.image-container{flex-wrap:wrap;overflow:hidden}.image-container,.image-item{align-items:center;display:flex;justify-content:center;position:relative}.image-item{flex-direction:row;margin:0 20px}.image-preview{border:1px solid #ddd;border-radius:10px;height:300px;object-fit:cover;transition:transform .3s;width:300px}.image-preview:hover{transform:scale(1.2);z-index:1}.description-content{background-color:#fffc;border-radius:5px;color:#000;display:flex;flex-direction:column;height:100%;justify-content:flex-start;overflow-y:auto;padding:5px;position:relative}.user-input{border:1px solid #ddd;border-radius:5px;flex-grow:1;font-size:14px;height:40px;max-width:500px;padding:8px}.analyze-button,.generate-caption-button,.upload-button{border-radius:5px;cursor:pointer;margin-top:10px;padding:8px 16px}.generate-caption-button{border:none;border-radius:5px;cursor:pointer;font-size:14px;height:40px;margin-left:10px;padding:10px 16px}.analyze-button,.generate-caption-button,.upload-button{background-color:#32cd32;color:#fff}.analyze-button:hover,.generate-caption-button:hover,.upload-button:hover{background-color:#28a728}.caption-container{display:flex;gap:10px;justify-content:space-between;margin-top:10px}.caption-input{background-color:#fffc;border:1px solid #ddd;border-radius:5px;box-sizing:border-box;cursor:pointer;flex-grow:1;font-size:14px;height:40px;padding:10px}.caption-input:active{background-color:#e8f5e9;border-color:#4caf50}.genre-input{background-color:#fffc;border:1px solid #ddd;border-radius:5px;font-size:14px;height:40px;max-width:100px;padding:10px;width:auto}.caption-input,.genre-input{box-sizing:border-box}.dropzone{border:2px dashed #aaa;height:150px;margin-bottom:20px;width:100%}.uploader{align-items:center;display:flex;flex-direction:column;height:100%}.uploader-heading{font-size:24px;margin-bottom:10px}.remove-button{background:red;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:18px;height:30px;position:absolute;right:-10px;top:-10px;width:30px;z-index:2}.remove-button:hover{background-color:darkred}.dropzone{align-items:center;border:2px dashed blue;border-radius:5px;display:flex;height:400px;justify-content:center;margin:auto;padding:20px;text-align:center;transition:background-color .2s;width:400px}.dropzone:hover{background-color:#add8e680}.arrow-button{background-color:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:24px;padding:10px;position:absolute;top:50%;transform:translateY(-50%);z-index:10}.toggle-description-button{align-self:center;background-color:#32cd32;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:12px;margin-top:10px;padding:5px 10px}.toggle-description-button:hover{background-color:#28a728}.arrow-button.left{left:10px}.arrow-button.right{right:10px}.arrow-button:hover{background-color:#000c}.button-container.expanded{align-items:flex-start;flex-direction:column;justify-content:space-between}.image-description-container{background-color:#fffc;border-radius:5px;box-sizing:border-box;display:flex;flex-direction:column;height:300px;margin-left:20px;overflow-y:auto;padding:10px;text-align:center;width:600px}.button-container{flex-wrap:wrap;justify-content:center}.trackable-data{background-color:#fffc;border:1px solid #ddd;border-radius:5px;box-sizing:border-box;display:none;flex:1 1;font-size:14px;height:40px;margin-top:0;padding:8px}.analyze-button,.upload-button{background-color:#32cd32;border-radius:5px;color:#fff;cursor:pointer;flex:1 1;height:40px;max-width:calc(50% - 5px);padding:8px 16px;text-align:center}.analyze-button:hover,.upload-button:hover{background-color:#28a728}.button-container{align-items:center;box-sizing:border-box;display:flex;gap:10px;width:100%}.button-container.show-data .upload-button{order:1}.button-container.show-data .analyze-button{order:2}.button-container.show-data .trackable-data{display:block;order:3}.App{font-family:sans-serif;overflow-y:hidden;text-align:center}
/*# sourceMappingURL=main.2caf1750.css.map*/