add status cafe css

website/assets/status_cafe.css

@@ -0,0 +1,122 @@
+@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Noto+Emoji:wght@300..700&display=swap");
+
+/**RESET**/
+body {
+  max-width: unset;
+  margin: unset;
+  padding: unset;
+  font-family: unset;
+  background-color: unset;
+  color: unset;
+}
+
+.faces {
+  margin-bottom: unset;
+  max-width: unset;
+}
+
+.profile-picture {
+  max-width: unset;
+}
+
+.flash {
+  background-color: unset;
+  padding: unset;
+  color: unset;
+}
+
+.cols {
+  display: unset;
+}
+
+a {
+  font-weight: unset;
+}
+
+.status-username {
+  margin-bottom: unset;
+}
+
+.status-content {
+  margin: unset;
+}
+
+.status nav {
+  font-size: unset;
+  margin-left: unset;
+}
+
+.status {
+  margin-bottom: unset;
+  word-break: unset;
+}
+
+dt {
+  font-weight: unset;
+}
+
+dd {
+  margin-bottom: unset;
+}
+
+.edit-status {
+  width: unset;
+  box-sizing: unset;
+  height: unset;
+}
+
+.tools {
+  list-style-position: unset;
+  padding-left: unset;
+}
+
+/**STYLING**/
+body {
+  font-family: "Inter", sans-serif;
+  font-optical-sizing: auto;
+  font-style: normal;
+  font-variation-settings: "slnt" 0;
+  scrollbar-color: #ffffffae #000000a1;
+  scrollbar-width: thin;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+
+a {
+  color: white;
+}
+
+header,
+.cols > section {
+  color: white;
+  background-color: #000000de;
+  padding: 15px;
+  border: 1px black solid;
+  border-radius: 5px;
+  word-wrap: break-word;
+  overflow: auto;
+}
+
+.cols > section {
+  margin-top: 10px;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  margin: 0;
+  padding: 0;
+}
+@media only screen and (max-width: 600px) {
+  body {
+    position: absolute;
+    top: 50%;
+    left: unset;
+    transform: translateY(-50%);
+  }
+}