changes somw selector orders

styles.css

@@ -22,6 +22,11 @@ ul {
   flex-direction: row;
 }
 
+a {
+  text-decoration: none;
+}
+
+
 ul a {
   text-decoration: none;
   color: white;
@@ -105,10 +110,6 @@ img {
   font-weight: 600;
 }
 
-a {
-  text-decoration: none;
-}
-
 .footer {
   width: 100%;
   height: 110vh;
@@ -119,6 +120,16 @@ a {
   flex-direction: column;
 }
 
+h2 {
+  width: 100%;
+  height: 100px;
+  text-decoration: underline;
+  font-size: 40px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
 .footer h2 {
   width: 100%;
   height: 200px;
@@ -146,21 +157,17 @@ a {
   color: white;
 }
 
+.footer .portfolio p, .footer .portfolio a {
+  color: white;
+  font-size: 20px;
+  margin-right: 100px;
+}
+
 .footer .social-media a:hover {
   position: relative;
   top: 10px;
 }
 
-h2 {
-  width: 100%;
-  height: 100px;
-  text-decoration: underline;
-  font-size: 40px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
 .column-one-project, .column-two-project { 
   width: 100%;
   height: 400px;
@@ -196,14 +203,7 @@ h2 {
   margin-bottom: 0;
 }
 
-.footer .portfolio p,.footer .portfolio a {
-  color: white;
-  font-size:20px;
-  margin-right: 100px;
-}
-
 @media screen and (max-width: 768px) {
-
   .header ul {
     position: static;
     left: auto;