tweak project links

css/styles.css

@@ -74,7 +74,7 @@ h1 {
 	text-shadow: var(--text-shadow);
 	background: var(--hl-med);
 	padding: 3rem;
-	border-radius: 0 0 3rem 3rem;
+	border-radius: 3rem 3rem 0.2rem 0.2rem;
 }
 
 h2 {
@@ -90,6 +90,10 @@ h3 {
 	text-align: center;
 }
 
+li.container h3 {
+	font-size: 7rem;
+}
+
 #this-website {
 	background: none;
 }
@@ -143,7 +147,7 @@ section {
 }
 
 p {
-	margin: 1rem;
+	margin: 2rem;
 }
 
 .container {
@@ -252,4 +256,5 @@ li::marker {
 	justify-content: center;
 	gap: 3rem;
 	width: full;
+	font-size: 3rem;
 }

index.html

@@ -103,7 +103,9 @@
 				<li class="ghost-container">
 				</li>
 					<li class="container">
+<a href="https://subman.ajstepien.xyz">
 						<h3>Subman</h3>
+</a>
 						<p>A self-hosted literary submission management system comprising a
 							Nextjs web-app with Sqlite back-end. Styled with Tailwind.
 						</p>
@@ -124,7 +126,9 @@
 					<!-- </li> -->
 					<li class="container">
 
+<a href="https://demos.ajstepien.xyz/movie-explorer">
 						<h3>Movie-Explorer</h3>
+</a>
 						<p>
 							An app for when you don't know what movie to watch, written in
 							Typescript/React and vanilla CSS.
@@ -137,7 +141,9 @@
 					</li>
 					<li class="container">
 
+<a href="https://demos.ajstepien.xyz/calculator">
 						<h3>Calculator</h3>
+</a>
 						<p>
 							A simple calculator app written in React and vanilla CSS.
 						</p>