feat(web): Move over some docs

web/src/layouts/Content.astro

@@ -0,0 +1,63 @@
+---
+---
+
+<div class="w-3/5 mx-auto px-2 firm-content my-5">
+	<slot></slot>
+</div>
+<style is:global>
+	.firm-content {
+		min-width: 70%;
+		width: 60em;
+		max-width: 100%;
+		line-height: 1.4;
+	}
+
+	.firm-content * {
+		margin-bottom: 1em;
+	}
+
+	.firm-content pre {
+		padding: 0.3em;
+	}
+
+	.firm-content h1 {
+		font-size: 2em;
+		line-height: 1.8;
+		font-weight: bold;
+	}
+
+	.firm-content h2 {
+		font-size: 1.7em;
+		line-height: 1.8;
+		font-weight: bold;
+	}
+
+	.firm-content h3 {
+		font-size: 1.4em;
+		line-height: 1.3;
+		font-weight: bold;
+	}
+
+	.firm-content th {
+		border-bottom: 1px solid aliceblue;
+	}
+
+	.firm-content tr:nth-child(2n) {
+		background: #383b3c;
+	}
+
+	.firm-content h4 {
+		font-size: 1.2em;
+		line-height: 1.3;
+		font-weight: bold;
+	}
+
+	.firm-content a {
+		color: rgb(59 130 246);
+		transition: 300ms ease-in-out;
+	}
+
+	.firm-content a:hover {
+		color: rgb(96 165 250);
+	}
+</style>