Modify page styles

2 files changed, 10 insertions, 3 deletions

diff --git a/css/style.css b/css/style.css
index 66cdce5..3b668d1 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1,5 +1,9 @@
 /* Global Styling */
 
+html {
+  background-color: #ecfeda;
+}
+
 body {
   display: flex;
   color: #333;
@@ -86,19 +90,22 @@ hr {
 
 .link::before {
   content: '';
-  background-color: #ffdfb9c0;
+  background-color: #00000044;
   position: absolute;
   left: 0;
   bottom: -0.125rem;
   width: 100%;
   height: 2px;
   z-index: -1;
-  transition: all .3s ease-in-out;
+  transition: all .2s ease-out;
 }
 
 .link:hover::before {
   bottom: 0;
   height: 100%;
+  background-color: #00000011;
+  border-radius: 5%;
+  transform: scale(1.1);
 }
 
 
diff --git a/index.html b/index.html
index 69d203f..e7352a7 100644
--- a/index.html
+++ b/index.html
@@ -21,7 +21,7 @@
         <h3>Business Hours</h3>
         <p>T/Th 1-2:20pm</p>
         <p>CIT Room XXX</p>
-        <a href="https://discord.gg/XXXXXX">Zoom Link</a>
+        <div><a class="link" href="https://example.com">Zoom Link</a></div>
       </div>
       <hr />
       <div id="nav-links">