🐱

assets/home.css

@@ -17,13 +17,31 @@
 	background-color: var(--theme-background-alt);
 	border: 1px solid var(--theme-separator);
 	padding: var(--space-3) var(--space-4);
-	margin-bottom: var(--space-3);
+	margin-bottom: var(--space-2);
 	position: relative;
 	overflow: hidden;
 	border-radius: var(--radius-md);
 	transition: all var(--transition-fast);
 }
 
+.project-card::before {
+	overflow: hidden;
+	display: flex;
+	position: absolute;
+	left: 0;
+	top: -7rem;
+	content: "</;^//";
+	color: transparent;
+	font-size: 32rem;
+	letter-spacing: -0.075em;
+	line-height: 1;
+	text-align: center;
+	align-items: center;
+	justify-content: center;
+	-webkit-text-stroke: 2px var(--theme-separator);
+	opacity: 8%;
+}
+
 .project-card:hover {
 	background-color: rgba(255, 255, 255, 0.025);
 	border-color: rgba(255, 255, 255, 0.125);
@@ -60,8 +78,8 @@
 }
 
 .project-card .author {
-	font-size: var(--font-size-xs);
-	margin-bottom: var(--space-2);
+	font-size: calc(var(--font-size-sm) * 1.25);
+	margin-bottom: var(--space-1);
 }
 
 .project-card .author strong {
@@ -299,7 +317,9 @@ u #friends::before {
 	top: 3rem;
 }
 
-#about h2::before {
+#about h2::before,
+#languages h2::before,
+#trivia h2::before {
 	background-color: var(--theme-foreground);
 	clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
 }
@@ -491,3 +511,28 @@ u #friends::before {
 .pfps:has(a:hover) a:not(:hover) {
 	transform: scale(0.92);
 }
+
+footer {
+	border-top: 1px solid var(--theme-separator);
+	padding: var(--section-spacing) 0;
+	color: var(--theme-foreground-bruh);
+	text-align: center;
+}
+
+footer a,
+.highlight {
+	color: var(--theme-foreground);
+}
+
+#languages ul,
+#trivia ul {
+	color: var(--theme-foreground-alt);
+	font-size: 0.9em;
+	padding-left: 2ch;
+}
+
+#languages li::marker,
+#trivia li::marker {
+	color: var(--theme-foreground);
+	content: "# ";
+}