projects list

style.css

@@ -416,14 +416,14 @@ html {
   display: flex;
   flex-direction: column;
   position: relative;
-  justify-content: space-between;
+  /* justify-content: space-between; */
   width: calc(100vw - 60px);
-  min-height: calc(100vh - 80px);
+  /* min-height: calc(100vh - 80px); */
   box-sizing: border-box;
   padding: 50px 0;
 
   @media (max-width: 850px) {
-    min-height: calc(100vh - 170px);
+    /* min-height: calc(100vh - 170px); */
   }
 }
 
@@ -495,7 +495,7 @@ html {
 
 
 .project-container:hover .project-title {
-  backdrop-filter: invert(0.4);
+  backdrop-filter: brightness(0.4);
 }
 
 .project-container:hover .project-arrow {
@@ -509,7 +509,7 @@ html {
   /* left: 50%; */
   /* transform: translate(-50%, -50%); */
   width: 100%;
-  backdrop-filter: invert(0.7);
+  backdrop-filter: brightness(0.2);
   font-size: 30px;
   line-height: 37px;
   transition: backdrop-filter 0.5s;