add about partial file

app/static/css/partials/_about.scss

@@ -0,0 +1,85 @@
+.about {
+ 	max-width: var(--container-lg-width);
+  margin: 0 auto;
+ 	padding: var(--spacing-2);
+
+ 	h2 {
+ 		font-size: 26px;
+    font-weight: 700;
+    margin: var(--spacing-2) 0;
+    padding: 0 0 var(--spacing) 0;
+ 	}
+
+  h3 {
+    font-size: 22px;
+  }
+
+  a {
+    color: #ee0;
+    font-weight: 700;
+    text-decoration: none;
+  }
+
+  > .row {
+    @media screen and (max-width: 799px) {
+      display: block;
+    }
+  }
+}
+
+.col--about {
+
+  @media screen and (min-width: 800px) {
+    width: 50%;
+    display: flex;
+  }
+}
+
+.about-phantasma-block {
+
+  @media screen and (min-width: 800px) {
+    background: rgba(255, 255, 255, 0.1);  
+    padding: var(--spacing-2);
+  }
+}
+
+.accordion-checkbox {
+  position: absolute;
+  opacity: 0;
+}
+
+.about-bios {
+  max-width: 670px;
+  padding: var(--spacing-2) 0;
+}
+
+.accordion-title {
+  border-bottom: 2px solid rgba(255, 255, 255, 0.2);
+  margin: var(--spacing-2) 0;
+  padding: 0 0 calc(var(--spacing) / 2) 0;
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+
+  &:hover, &:focus {
+    opacity: 0.8;
+  }
+
+  h3 {
+    flex: 1;
+    padding-right: var(--spacing-2);
+  }
+}
+
+.accordion-caret {
+  font-size: 16px;
+  margin-left: auto;
+}
+
+.accordion-content {
+  display: none;
+}
+
+.accordion-checkbox:checked + .accordion-content {
+  display: block; 
+}