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}.heading{margin-bottom:20px}.h2{margin-bottom:40px}.box{border-radius:8px;box-shadow:0 4px 8px #0003;margin:20px auto}.button-group{justify-content:center;margin-bottom:20px}.select-image{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;font-weight:700;padding:10px 20px;text-align:center;text-decoration:none;transition:background-color .3s ease}.select-image:hover{background-color:#0056b3}.image2{text-align:center}.preview-img{display:block;height:auto;margin:0 auto;max-width:100%}#resize-controls{margin-top:20px}.controls{margin-bottom:20px}.controls label{display:inline-block;font-weight:700}.controls input[type=number],.controls input[type=range]{border:1px solid #ddd;border-radius:5px;margin-bottom:10px;padding:5px}#resized-image-container{text-align:center}.resized-img{display:block;height:auto;margin:20px auto;max-width:100%}.download-image{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;font-weight:700;margin-top:20px;padding:10px 20px;text-align:center;text-decoration:none;transition:background-color .3s ease}.download-image:hover{background-color:#0056b3}body{padding-top:80px}.heading{font-size:35px;font-weight:700;text-align:center}.h2{font-size:25px;font-weight:lighter}.preview-img,.resized-img{display:block;height:auto;margin:0 auto;max-width:100%}.hidden{display:none}#loading-spinner{animation:spin 2s linear infinite;border:16px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:120px;margin:0 auto;width:120px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.file-input{display:none}.box{background-color:#5b6dcd;border:1px solid #ccc;height:auto;margin:0 auto;padding:20px;width:600px}.download-image,.resize-image,.select-image{background-color:#007bff;border:1px solid #0000;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;font-weight:700;margin:10px;padding:10px 20px;text-align:center;text-decoration:none;transition:background-color .3s ease}.controls label{margin-right:10px}#resize-width{margin-bottom:10px}#resize-height{margin-bottom:20px}#resize-quality{margin-top:20px;width:150px}.download-image:hover,.resize-image:hover,.select-image:hover{background-color:#0056b3}.dropdown{display:inline-block;position:relative}.dropdown-content{background-color:#f9f9f9;box-shadow:0 8px 16px 0 #0003;display:none;min-width:160px;position:absolute;z-index:1}.dropdown-content a{color:#000;display:block;padding:12px 16px;text-decoration:none}.dropdown-content a:hover{background-color:#f1f1f1}.dropdown:hover .dropdown-content{display:block}.dropdown:hover .dropbtn{background-color:#3e8e41}.dropbtn{background-color:#007bff;border:1px solid #0000;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;font-weight:700;margin-left:10px;padding:10px 20px;text-align:center;text-decoration:none;transition:background-color .3s ease}.dropbtn:hover{background-color:#0056b3}.image2{margin-top:20px}.button-group{align-items:center;display:flex;gap:10px}.controls{margin:20px 0;text-align:center}nav a{margin-left:10px}.navbar .logo img{height:25px;width:auto}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.0969e4d8.css.map*/