added showcase, credits, and fixed hover bug

public/css/styles.css

@@ -324,6 +324,10 @@ body {
 	cursor: pointer;
   }
 
+  #project-body p {
+	font-size: 20px;
+  }
+
   #project-body a{
 	color: rgb(73, 146, 248);
 	text-decoration: none;
@@ -332,6 +336,11 @@ body {
 	cursor: pointer;
   }
 
+  p img {
+	width: 100%;
+	height: auto;
+  }
+
   #project-cover img{
 	/* border: 2px solid rgb(255 149 149); */
 	width: 100%;
@@ -339,8 +348,7 @@ body {
   }
 
   #pr-header {
-	font-family: 'Redacted Reg';
-	letter-spacing: 2px;
+	font-family: 'Gothic A1', sans-serif;
 	font-size: 25px;
 	color: rgb(245, 102, 102);
 	height: fit-content;
@@ -361,7 +369,7 @@ body {
 	color: rgb(73, 146, 248);
 	text-decoration: none;
 	font-family: 'IBM Plex Mono', monospace;
-	font-size: 17.5px;
+	font-size: 20px;
 	padding-left: 2.5px;
 	padding-right: 2.5px;
 	font-style: italic;
@@ -430,6 +438,44 @@ body {
 	height: auto;
   }
 
+  #credit-cont {
+	display: flex;
+	flex-direction: column;
+	gap:5px;
+  }
+
+  #showcase-cont {
+	display: flex;
+	flex-direction: column;
+	gap:5px;
+  }
+
+  .showcase {
+	display: flex;
+	flex-direction: row;
+	gap: 5px;
+	height: fit-content;
+	flex-wrap: wrap;
+  }
+
+  .showcase p {
+	margin: 0;
+	padding: 0;
+  }
+
+  .credit {
+	display: flex;
+	flex-direction: row;
+	gap: 5px;
+	height: fit-content;
+	flex-wrap: wrap;
+  }
+
+  .credit p {
+	padding: 0;
+	margin: 0;
+  }
+
   
 
   
@@ -533,8 +579,6 @@ body {
 	}
 
 	#pr-header {
-		font-family: 'Redacted Reg';
-		letter-spacing: 2px;
 		font-size: 20px;
 		margin-bottom: 25px;
 	}
@@ -542,6 +586,11 @@ body {
 	#pr-list a {
 		font-size: 15px;
 	}
+
+	#project-body p {
+		font-size: 15px;
+	}
+	
 }
 
 @media only screen and (max-width: 480px) {
@@ -560,4 +609,6 @@ body {
 	.gallery-image{
 		max-width: 90%;
 	}
+
+	
 }