.image-input{padding:1rem;max-width:700px;width:100%;font-size:1.5rem;border:none;background-color:#ff9505;border-radius:30px 0 0 30px;color:#353531;border:4px solid transparent;transition:all .5s ease}.image-input::-moz-placeholder{color:#353531}.image-input:-ms-input-placeholder{color:#353531}.image-input::placeholder{color:#353531}.image-input:hover{border:4px solid #2b50aa}.image-input:active,.image-input:focus{outline:none;color:#ff9505;background-color:#2b50aa}.image-input:active::-moz-placeholder,.image-input:focus::-moz-placeholder{color:#ff9505}.image-input:active:-ms-input-placeholder,.image-input:focus:-ms-input-placeholder{color:#ff9505}.image-input:active::placeholder,.image-input:focus::placeholder{color:#ff9505}@media(max-width:600px){.image-input{height:-webkit-max-content;height:-moz-max-content;height:max-content;padding:1rem;width:100%;max-width:100%;border-radius:3rem;font-size:1rem}}.image-submit{border-radius:0 3rem 3rem 0;height:100%;border:none;font-size:1.5rem;max-width:200px;width:100%;color:#353531;background-color:#ff9505;cursor:pointer;transition:all .5s ease;border-left:2px solid #353531}@media(max-width:600px){.image-submit{height:-webkit-max-content;height:-moz-max-content;height:max-content;padding:1rem;width:100%;max-width:100%;border-radius:3rem;margin:1rem 0;border-color:transparent}}.image-submit:hover{color:#ff9505;background-color:#2b50aa}.image-submit:focus{border:4px solid #2b50aa;outline:none}.container{height:50px;display:flex;justify-content:center}@media(max-width:600px){.container{flex-direction:column}}img[data-v-5e5f1ccd]{position:relative;z-index:0;border-radius:3rem;max-width:500px;width:100%;height:100%;transition:all .5s ease}img[data-v-5e5f1ccd]:hover{filter:drop-shadow(2px 4px 6px black)}.input_img[data-v-5e5f1ccd]{border:4px solid #2b50aa}.faces[data-v-5e5f1ccd]{border:3px solid #353531;border-radius:5px;position:absolute;z-index:10}.image-display__container[data-v-5e5f1ccd]{position:absolute;padding:1rem}.mainContainer[data-v-5e5f1ccd]{margin-top:3rem;height:50%;width:-webkit-max-content;width:-moz-max-content;width:max-content;display:flex;justify-content:center}#img1[data-v-5e5f1ccd]{display:none}.err_msg[data-v-5e5f1ccd]{transition:all .5s ease-out;font-size:2rem;color:#ff9505}*{font-family:Josefin Slab,serif;margin:0;box-sizing:border-box;padding:0}.day-mode__background{background:linear-gradient(90deg,#ece9e6,#fff)!important}.day-mode__toogle--container{background-color:#9bd1e5!important}.day-mode__heading{color:#272727!important}.day-mode__image{border-color:#ff9fe5!important}.day-mode__input{background-color:#ff9fe5}.day-mode__input::-moz-placeholder{color:#272727}.day-mode__input:-ms-input-placeholder{color:#272727}.day-mode__input::placeholder{color:#272727}.day-mode__input:hover{border-color:#2b50aa}.day-mode__input:active,.day-mode__input:focus{background-color:#2b50aa;color:#ffd4d4}.day-mode__input:active::-moz-placeholder,.day-mode__input:focus::-moz-placeholder{color:#ffd4d4}.day-mode__input:active:-ms-input-placeholder,.day-mode__input:focus:-ms-input-placeholder{color:#ffd4d4}.day-mode__input:active::placeholder,.day-mode__input:focus::placeholder{color:#ffd4d4}.day-mode__btn{background-color:#ff9fe5;color:#272727}.day-mode__btn:hover{background-color:#2b50aa;color:#ffd4d4}.day-mode__btn:active,.day-mode__btn:focus{border-color:#2b50aa}.day-mode__err-msg{color:#272727!important}.body{background:linear-gradient(90deg,#141e30,#243b55)}#app{text-align:center;font-size:10px;height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:1rem}.image-enter-active,.image-leave-active{transition:opacity 2s ease-out}.image-enter,.image-leave-to{opacity:0}.imageInput{width:100%}:not(.particles){z-index:2}.heading{font-size:3rem;margin:3rem 1rem;color:#ec4e20;font-family:Arima Madurai,cursive;transition:all .5s ease-out}@media(max-width:600px){.heading{font-size:1.8rem}}.change-mode-btn{background:#2b50aa;height:50px;width:100px;border-radius:100px;display:flex;align-items:center;padding:5px;transition:all 1.5s ease-out}.change-mode-btn__toggle{height:40px;width:40px;border-radius:50px;cursor:pointer;transition:all .5s ease}@media(max-width:500px){.change-mode-btn{height:30px;width:60px;padding:5px}.change-mode-btn__toggle{height:20px;width:20px}.change-mode-btn .move{margin-left:1.9rem}}.mode{position:absolute;top:5px;right:5px}.move{margin-left:3.2rem}.night-toggle{background:#fff}.particles{position:fixed;height:100%;width:100vw;z-index:1}