revert(helper_fun): made web app unstabel

assets/styling/contact.css

@@ -84,6 +84,8 @@
 	width: var(--img-height);
 	object-fit: contain;
 	border-radius: 0px;
+	background-color: transparent;
+	filter: invert() hue-rotate(180deg);
 }
 
 @media only screen and (max-width: 430px) {

assets/styling/ender.css

@@ -3,7 +3,10 @@ footer {
 	flex-direction: column;
 	text-align: center;
 
-	background-color: #d3d3d3;
+	background-color: var(--card-background-color);
+	border-radius: var(--card-border-radius);
+
+	/* background-color: #d3d3d3; */
 }
 
 footer div {
@@ -15,14 +18,13 @@ footer div {
 
 footer img {
 	height: 60px;
+	filter: invert() hue-rotate(180deg);
 }
 
 footer a {
 	display: flex;
 	flex-direction: column;
 	align-items: center;
-
-	border: 1px solid lightgray;
 	text-decoration: none;
 	color: inherit;
 }

assets/styling/projectCards.css

@@ -54,7 +54,9 @@
 .project-title-info img {
 	height: var(--img-width);
 	width: var(--img-height);
-	padding: 1svh 0px;
+	margin: 1svh 6px;
+	padding: 0px;
+	filter: invert() hue-rotate(180deg);
 }
 
 .project-title-info div {
@@ -88,5 +90,6 @@
 	aspect-ratio: 1;
 	height: var(--img-width);
 	width: var(--img-height);
+
 	/* flex: 0 1 19%; */
 }

assets/styling/techs.css

@@ -39,7 +39,7 @@
 	flex: 0 1 70px;
 	text-decoration: none;
 	color: inherit;
-	padding: 0px 0svw;
+	padding: 0px 0.5svw;
 	padding-top: 2svh;
 	padding-bottom: 0.5svh;
 	background-color: var(--card-background-color);