style footer

packages/website/_includes/footer.html

@@ -36,30 +36,35 @@
 		</li>
 	</ul>
 
-	<p class="ta-c" style="position: relative">
+	<div
+		class="ta-c flex"
+		style="position: relative; flex-direction: column; align-items: center"
+	>
 		<img
 			src="https://cssbattle.dev/images/avatar-chang.png"
-			style="width: 260px; border-radius: 45px"
+			style="width: 180px; border-radius: 40px; position: relative; top: 2rem"
 		/>
-		<span
+		<p
 			style="
 				position: absolute;
 				bottom: 0;
 				background: black;
-				border-radius: 35px;
+				border-radius: 1in;
 				padding: 5px 10px;
 				color: white;
 				display: inline-block;
 				width: 30ch;
+				margin: -1rem 0 0;
 				left: calc(50% - 15ch);
 			"
-			>Made by
+		>
+			Made by
 			<a
 				href="https://twitter.com/chinchang457"
 				rel="external"
 				style="color: yellow"
 				>Kushagra Gour</a
-			></span
-		>
-	</p>
+			>
+		</p>
+	</div>
 </footer>