added style.css file

underline animation changed

style.css

@@ -556,30 +556,29 @@ h5:hover{
 } 
 
 
-.eff{
+.eff {
+ display: inline-block;
  position: relative;
+ color: white;
+ opacity: 0.8;
 }
-
-.eff::before{
- content: "";
- background-color: #ffffff;
+
+.eff::after {
+ content: '';
  position: absolute;
+ width: 100%;
+ transform: scaleX(0);
+ height: 0.125rem;
+ bottom: 0;
  left: 0;
- bottom: -0.3rem;
- height: 0.044rem;
- width: 0;
- transition: 0.2s ease-in-out;
-
+ background-color: #0087ca;
+ transform-origin: bottom right;
+ transition: transform 0.25s ease-out;
 }
-
-.eff:hover::before{
- content: "";
- background-color: #ffffff;
- position: absolute;
- left: 100;
- bottom: -0.3rem;
- height: 0.044rem;
- width: 100%;
+
+.eff:hover::after {
+ transform: scaleX(1);
+ transform-origin: bottom left;
 }
 
 #resume{
@@ -612,4 +611,5 @@ h5:hover{
  width: 100%;
  position: fixed;
  z-index: 100;
-}
+}
+