update style

public/index.html

@@ -6,6 +6,10 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Resize Image</title>
     <style>
+      * {
+        box-sizing: border-box;
+        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+      }
       html {
         background-image: linear-gradient(
           -45deg,
@@ -14,7 +18,6 @@
         );
         background-size: 400% 400%;
         animation: gradient 10s ease infinite;
-        box-sizing: border-box;
       }
       @keyframes gradient {
         0% {
@@ -49,6 +52,7 @@
         color: white;
         margin-bottom: 15px;
         padding: 10px 0;
+        outline: none;
       }
       .btn-submit {
         height: 50px;
@@ -60,6 +64,7 @@
         margin-bottom: 15px;
         cursor: pointer;
         font-weight: bold;
+        outline: none;
       }
       .note {
         font-size: 18px;
@@ -73,6 +78,7 @@
         border-radius: 10px;
         height: 30px;
         padding: 3px 10px;
+        outline: none;
       }
       .input-option-quality {
         width: 200px;
@@ -86,7 +92,7 @@
         width: 70px;
         color: white;
       }
-      .label-option-checbox {
+      .label-option-checkbox {
         width: 100px;
         color: white;
       }
@@ -125,7 +131,7 @@
         required
         accept="image/*"
       />
-      <!-- form -->
+
       <div class="form-options">
         <div class="input-wrapper">
           <label for="quality-input" class="label-option">Quality</label>
@@ -139,7 +145,7 @@
           <span id="value-quality" class="value-qty-img"></span>
         </div>
         <div class="checkbox-wrapper">
-          <label for="use-dimension-input" class="label-option-checbox"
+          <label for="use-dimension-input" class="label-option-checkbox"
             >Original Size</label
           >
           <input
@@ -179,6 +185,7 @@
         Submit & Download
       </button>
     </form>
+
     <a
       id="anchor-donwload"
       href=""