.container2{height:300px;margin:auto;width:100%}html{scroll-behavior:smooth}#mimetype,#quality{height:50px;font-family:Georgia;font-weight:700;margin-top:-5px;width:100%;background:#ffb700;border:3px solid #fff;border-radius:6px;padding-left:8px;outline:0;color:#fff}.boxes{background:#fff;border-radius:0;cursor:pointer;display:flex;align-items:center;padding:9px 18px;height:42px;border-top-left-radius:4px;border-bottom-left-radius:4px;justify-content:center;font-size:18px}#content{visibility:hidden}.boxes p{text-align:center;font-weight:700;font-size:23px}#message{color:#ff0;font-size:20px;margin-top:20px}#file{height:1px;width:1px;visibility:hidden}#content{visibility:hidden}#icon{font-size:90px;color:#fff}#dropfile{font-size:20px;margin-top:15px;text-align:center;color:#fff}#error{visibility:hidden;color:#611a15;font-weight:700;font-size:20px;text-align:center;background:#fdecea}#upper-loader{width:0%;height:13px;background:#fff}#loader-box{background:url(/7317d5afa7ad7a8c540f36a3eb9bc1cd62a054e4/spinner.gif);height:70px;width:70px;background-repeat:no-repeat;background-size:cover;margin:auto}#loadingMessage{margin-top:130px;font-weight:700;color:#fff;font-size:25px}#downloadButton{padding:10px 16px;background:#fff}#thankyouImage{height:80px;width:80px;margin-top:50px}#thankyouText{text-align:center;color:#fff;margin-top:13px;font-size:17px}#result_img_div{height:550px;width:62.9%;float:right;border-radius:5px;background:#ffb700;padding:60px;padding-top:36px}#info_div{float:left;padding-left:30px;padding-right:30px;width:36%;height:550px;background:#ffb700;border-radius:5px}#height_input,#width_input{height:50px;font-weight:700;margin-top:-5px;width:100%;background:#ffb700;border:3px solid #fff;border-radius:6px;padding-left:8px;outline:0;color:#fff}#width_input::placeholder{color:#fff}#height_input::placeholder{color:#fff}#info_div p{font-size:23px;font-weight:700;margin-top:33px;text-align:left;color:#fff}#info_div i{font-size:55px;margin:13px;padding:9px 15px;border-radius:10px;border:1px solid #000;margin-top:75px}.result_btn:hover{color:#fff;background:#ffb700;border:2px solid #fff}#preview_btn:hover{color:#fff;background:#ffb700;border:2px solid #fff}.result_btn{color:#ffb700;background:#fff;font-weight:700;margin:10px;margin-top:55px;padding:11px;width:42%;font-size:20px}#dimensions_div{width:100%;height:70px;background:#fff;margin:auto;border-radius:5px;text-align:center;margin-top:8px}.output_divs{height:inherit;width:32.9%;display:inline-block;text-align:center;margin:auto;padding-top:8px}.output_divs p{font-weight:700;font-size:20px;color:#ffb700}.output_divs span{color:#000;font-weight:400;font-size:18px}#output_img_div{height:400px;display:grid;justify-content:center;align-content:center}.success_alert{position:absolute;margin-left:auto;margin-right:auto;left:0;top:0;height:63px;padding-top:15px;font-size:20px;right:0;visibility:hidden;text-align:center}.thankyouBox span{font-weight:700;font-size:22px;color:#fff}@media (max-width:330px){.boxes{width:80%}}@media (max-width:560px){#loadingMessage{font-size:24px}}@media (max-width:425px){#loadingMessage{font-size:20px}}@media (max-width:1084px){#info_div,#result_img_div{height:600px}#preview_btn{width:100%;margin:auto;padding:12px;margin-top:54px;color:#ffb700}#save_btn{width:100%;margin:auto;padding:12px;margin-top:18px}#result_img_div{padding-top:55px}}@media (max-width:1040px){.output_divs p{font-size:18px}.output_divs span{font-size:17px}.output_divs{padding-top:10px;width:31.9%}}@media (max-width:800px){#info_div,#result_img_div{width:100%;height:auto}#output_img_div{height:auto;padding-top:40px;padding-bottom:40px}#preview_btn,#save_btn{width:190px;margin:10px;margin-top:50px}#info_div{height:auto}#result_img_div{margin-top:22px}}@media (max-width:550px){#output_img_div{height:350px}#result_img_div{height:auto}}@media (max-width:550px){#preview_btn,#save_btn{width:155px}}@media (max-width:520px){.output_divs{width:100%}#dimensions_div{height:auto}}@media (max-width:480px){#preview_btn,#save_btn{margin:auto;width:100%}#preview_btn{margin-top:35px}#save_btn{margin-top:14px}}@media (max-width:450px){#output_img_div{height:280px}}@media (max-width:323px){#output_img_div{height:200px}}.file-pick-dropdown{display:inline-flex;background:#fff;height:42px;border-left:1px solid rgba(0,0,0,.15);padding:13px 16px;border-top-right-radius:4px;border-bottom-right-radius:4px;align-items:center;position:relative}.file-pick-dropdown i{margin:0}.file-picker-dropdown{width:201px;position:absolute;background:#fff;top:111%;right:0;display:none;box-shadow:rgb(26 26 26 / 20%) 0 0 12px;border-radius:4px}.arrow-sign{font-size:18px}.file-picker-dropdown svg{height:24px;width:24px}.file-picker-dropdown a,.file-picker-dropdown button{border:none;width:100%;border-radius:4px;text-align:left;background:#fff;font-weight:400;font-size:16px;line-height:24px;padding:15px 24px;list-style:none;height:54px}.file-picker-dropdown button:hover{background:#efefef}#downloadButton svg{height:25px}#info_div,#result_img_div{background:#408ec8}#height_input,#quality,#width_input{background:#408ec8}.result_btn{color:#408ec8}.output_divs p{color:#408ec8}.result_btn:hover{background:#408ec8}#preview_btn{color:#408ec8;background:#fff}#preview_btn:hover{background:#408ec8;color:#fff}