From 809527385c31e166e0065247bf5a49ca9fc6fe4e Mon Sep 17 00:00:00 2001
From: Andrew <hanato21@icloud.com>
Date: Thu, 2 Nov 2023 09:36:31 -0500
Subject: [PATCH] Accessibility Update

Made a small update to the code: Changed outline: none to outline-color: transparent. It's good to always have this in outlines for inputs and buttons and such, since users with higher contrasts and such could have issues using the tab button selector. This could have an unintentional effect of making special animations and attributes of the button disappear. Reference: https://www.youtube.com/shorts/4B_4WLpbyp8
---
 style.css | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/style.css b/style.css
index f9c9e07..369b5b9 100644
--- a/style.css
+++ b/style.css
@@ -75,7 +75,7 @@ img {
 a {
     background-color: transparent;
     text-decoration: none !important;
-    outline: none !important;
+    outline-color: transparent !important;
 }
 
 ul {
@@ -187,7 +187,7 @@ ul {
 .form-input {
     width: 100%;
     height: 50px;
-    outline: none !important;
+    outline-color: transparent !important;
     padding: 10px 15px;
     color: #0d0d25;
     -webkit-appearance: none;
@@ -291,7 +291,7 @@ ul {
         top: 50%;
         right: 30px;
         border: none;
-        outline: none !important;
+        outline-color: transparent !important;
         background: transparent;
         width: 40px;
         height: 40px;
@@ -562,7 +562,7 @@ p {
     text-align: center;
     border: none;
     cursor: pointer;
-    outline: none !important;
+    outline-color: transparent !important;
     transition: 0.8s cubic-bezier(0.22, 0.78, 0.45, 1.02);
     overflow: hidden;
     position: relative;
@@ -1847,4 +1847,4 @@ p {
     .blog-box {
         padding: 20px;
     }
-}
\ No newline at end of file
+}