add to about page

src/about/about.scss

@@ -0,0 +1,66 @@
+@import "../nav/nav.scss";
+
+main {
+  color: white;
+  display: flex;
+  justify-content: center;
+}
+
+.title {
+  text-align: center;
+  margin: $padding;
+}
+
+.self {
+  width: 100%;
+  border-bottom: white 4px solid;
+}
+
+.about-container {
+  margin-top: 2 * $padding;
+  flex-shrink: 1;
+  max-width: 75%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  font-family: Neuton;
+
+  img:not(.self) {
+    border: 2px white solid;
+  }
+
+  p {
+    text-indent: 2 * $padding;
+    margin: 10px;
+    max-width: 600px;
+    line-height: 40px;
+    font-size: 20px;
+  }
+
+  h1 {
+    font-size: 40px;
+  }
+  h2 {
+    font-size: 30px;
+  }
+}
+
+.edge {
+  background:#27213C;
+  flex-grow: 1;
+}
+
+.clothing {
+  margin: 15px 0;
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+}
+
+.clothing>img {
+  width: 33%;
+}
+
+.external-link {
+  text-decoration: underline !important;
+}