Update styles.css

css/styles.css

@@ -17,31 +17,41 @@ body {
 }
 
 nav {
+    margin-right: 0;
     font-family: 'Mulish', sans-serif;
     display: flex;
     justify-content: space-between;
     align-items: center;
 }
+nav img{
+    margin: 0%;
+}
+nav img:hover{
+    opacity: .8;
+}
+.list{
+    display: contents;
+}
 
 nav ol {
     display: flex;
-    justify-content: center;
     list-style: none;
+    margin: 0;
 }
 li a{
     text-decoration: none;
     color: var(--clr);
 }
 
-nav img {
+.nameLogo {
     width: 50%;
 }
 
 /*------ Settings ------*/
 .container {
     display: flex;
     justify-content: space-between;
-    align-items: flex-end;
+    align-items: self-end;
     cursor: pointer;
     font-size: 20px;
     fill: #a5a5b0;
@@ -90,34 +100,46 @@ main {
     font-family: 'Poppins';
     font-weight: 300;
     margin-top: 4%;
-    margin-left: 3.5%;
 }
 
 main>img {
     float: right;
     border-radius: 50%;
 }
 
+
+
 .name {
     font-family: 'Alegreya Sans SC', sans-serif;
-    font-size: 50px;
-    text-align: center;
-    background: linear-gradient(-20deg, #9845E8 -1.72%, #33D2FF 54.05%, #DD5789 99.78%);
+    font-size: 3rem;
+    background: linear-gradient(-10deg, #DD5789 -1.72%, #9845E8 54.05%,#33D2FF 99.78%);
+    background-size: 200% auto;
     background-clip: text;
     -webkit-background-clip: text;
-    -webkit-text-fill-color: transparent;
+    color: transparent;
+    animation: gradient 3s ease-in-out infinite alternate;
+}
+@keyframes gradient {
+    0%{
+        background-position: 0% 75%;
+    }
+    50%{
+        background-position: 100% 30%;
+    }
+    100%{
+        background-position: 0% 75%;
+    }
 }
-
 .buttons-container a {
-    margin: 0;
+    margin: 2px 1px 2px 0;
     background-color: rgba(0, 0, 0, 0.8);
     color: white;
 }
 
 .button {
     padding: 5px;
     margin-left: 2px;
-    border-image: linear-gradient(#4e86a5, #F4426C, #9358F7) 1;
+    border-image: linear-gradient( #9358F7,#F4426C, #4e86a5) 1;
     border-width: 2px;
     border-style: solid;
     text-decoration: none;