@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap);:root{--font-family:"Inter",sans-serif;--button-color:red;--background-color:#000;--text-color:#fff;--box-shadow:20px 20px 0px 0px #ff000040}body{background-color:#000;background-color:var(--background-color);color:#fff;color:var(--text-color);font-family:Inter,sans-serif;font-family:var(--font-family);margin:0;overflow-x:hidden}body a{text-decoration:none}.App{align-items:flex-start;display:flex;flex-direction:column;margin:0 auto;min-height:100vh;padding:2rem;width:80%}.App,.App-header{box-sizing:border-box}.App-header{margin-top:48px;width:100%}.navbar{align-items:center;display:flex;justify-content:center;width:100%}.navbar-menu{display:flex;gap:18px}.navbar-menu a{color:#fff;color:var(--text-color);font-size:18px;font-weight:500}h1{color:#cfcfcf;font-size:48px;font-weight:500;margin:0;padding:20px 0;width:100%}.upload-section{background:#000;background:var(--background-color);border:1px solid #9f9f9f;box-shadow:20px 20px 0 0 #ff000040;box-shadow:var(--box-shadow);box-sizing:border-box;padding:36px;width:100%}.upload-text{font-size:28px;font-weight:700}input[type=file]{background:#000;border:2px dashed #9f9f9f;box-sizing:border-box;color:#0000;cursor:pointer;height:267px;margin-top:36px;opacity:.8;position:relative;width:100%}input[type=file]::-webkit-file-upload-button{visibility:hidden}input[type=file]:before{color:#9f9f9f;content:"Drag and drop file here\A or";font-weight:500;text-align:center;top:40%;white-space:pre}input[type=file]:after,input[type=file]:before{font-size:18px;left:50%;position:absolute;transform:translate(-50%,-50%)}input[type=file]:after{color:red;color:var(--button-color);content:"Choose File";font-weight:800;text-decoration:underline;top:55%}input[type=file]:hover{border-color:#fff;border-color:var(--text-color);opacity:1}.settings-container{align-items:center;background-color:#191919;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-top:24px;padding:16px}.format-control,.jpeg-quality-control{align-items:center;display:flex;flex:1 1;min-width:300px}label{color:#fff;color:var(--text-color);font-size:24px;font-weight:700}select{background:#000;font-size:18px;margin-left:24px;min-width:200px;padding:12px 78px;text-align:center}button,select{color:#fff;color:var(--text-color);cursor:pointer;font-weight:700}button{background-color:red;background-color:var(--button-color);border:none;font-size:24px;transition:all .3s ease}.convert-button{min-width:260px;padding:10px 140px}.convert-button:hover{background-color:#ff4a4a;transform:translateY(-1px)}.images-section{display:flex;flex-direction:row;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-top:36px}.image-container{align-items:center;background:#191919;box-sizing:border-box;display:flex;flex-direction:c;flex-direction:column;margin:0;max-height:450px;padding:5px}.image-container img{background:#f5f5f5;height:100%;object-fit:contain;width:100%}.image-container{width:30%}.images-section:has(.image-container:nth-child(2)) .image-container{width:45%}.images-section:has(.image-container:nth-child(3)) .image-container{width:30%}.download-button{box-sizing:border-box;color:#fff;font-family:Inter;font-size:18px;font-style:normal;font-weight:800;line-height:normal;padding:16px;width:100%}@media (max-width:1024px){.settings-container{align-items:stretch;flex-direction:column}.format-control,.jpeg-quality-control{justify-content:center;min-width:0;min-width:auto;width:100%}.convert-button{margin:0;min-width:0;min-width:auto;padding:10px;width:100%}}.download-all-button{align-items:center;display:flex;flex-direction:column;margin-top:72px;padding:16px 0;width:100%}.download-all-button:hover{background-color:#ff4a4a;box-shadow:20px 20px 0 0 #ff000040;box-shadow:var(--box-shadow);transition:.3s}@media (max-width:768px){.navbar{margin-top:36px;width:100%}.navbar-menu a{font-size:12px}.App{align-items:center;padding:.5rem;width:100%}.App-header{margin-top:36px;width:85%}h1{font-size:26px;margin:6px 0;text-align:center;width:100%}.upload-text{font-size:20px}.upload-section{box-shadow:10px 10px 0 0 #ff000040;padding:15px}input[type=file]{height:180px}input[type=file]:before{font-size:14px;top:35%}input[type=file]:after{font-size:14px;top:50%}.settings-container{flex-direction:column;gap:8px;padding:12px}.format-control,.jpeg-quality-control{flex-direction:column;gap:8px;width:100%}label{font-size:16px}select{font-size:14px;margin:0}.convert-button,select{min-width:100%;padding:8px}.convert-button{font-size:16px;width:80%}.images-section{justify-content:center}.image-container{flex:0 0 45%}.image-container img{height:90%}.image-container .download-button{width:100%}}@media (max-width:480px){.App-header{margin:6px auto;width:80%}h1{font-size:22px;margin:4px 0}.image-container{flex:0 0 100%}.image-container img{width:100%}.download-button{font-size:6px}}@media (max-width:360px){.App-header{margin:4px auto;width:75%}h1{font-size:20px;margin:3px 0}}
/*# sourceMappingURL=main.8b4a6fd5.css.map*/