Added about page

src/Portfolio.Web/Components/Pages/AboutPage.razor.css

@@ -0,0 +1,37 @@
+#about {
+    display: grid;
+    gap: 20px;
+    grid-template-columns: repeat(2, 1fr);
+}
+
+.title {
+    margin-block: 5rem 2rem;
+}
+
+.timeline ::deep .timestamp:last-of-type {
+    --show-bar: none;
+}
+
+.timeline {
+    display: flex;
+    margin-top: 30px;
+}
+
+@media screen and (max-width: 1200px) {
+    #about {
+        grid-template-columns: unset;
+        grid-template-rows: repeat(2, max-content);
+    }
+
+    .timeline {
+        flex-direction: column-reverse;
+    }
+
+    .timeline ::deep .timestamp:last-of-type {
+        --show-bar: block;
+    }
+
+    .timeline ::deep .timestamp:first-of-type {
+        --show-bar: none;
+    }
+}