1 files changed, 96 insertions, 0 deletions
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..ab42486
--- /dev/null
+++ b/style.css
@@ -0,0 +1,96 @@
+* {
+  word-break: break-word;
+  overflow-wrap: break-word;
+}
+
+html {
+  background: #e3dfcd;
+  color: #44392e;
+  font-family: monospace;
+  padding: 0;
+  font-size: 20px;
+}
+
+main {
+  padding: 0 calc(2.5vw + 2px);
+}
+
+body {
+  max-width: 1000px;
+  margin: auto;
+}
+
+header {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+header p {
+  display: flex;
+  justify-content: center;
+  flex-wrap: wrap;
+  text-align: center
+}
+
+#computer-manifesto {
+  max-width: 100vw;
+  overflow: clip;
+}
+
+#on-spiritual-computing {
+  display: flex;
+  justify-content: center;
+  flex-wrap: wrap;
+}
+
+header br {
+  margin-top: 10vh;
+}
+
+hr {
+  margin-left: 2.5vw;
+  margin-right: 2.5vw;
+  border-width: 1.5px;
+  border-style: solid;
+  border-color: #44392e;
+}
+
+a {
+  color: #DCDCDC;
+  text-decoration: underline;
+  font-weight: 700;
+}
+
+img {
+  max-width: 80vw;
+}
+
+ol {
+  list-style-type: upper-alpha;
+}
+
+.parts {
+  list-style-type: upper-roman;
+}
+
+#lovely {
+  /* fill: #DCDCDC; */
+  filter: brightness(0) saturate(100%) invert(19%) sepia(8%) saturate(1660%) hue-rotate(349deg) brightness(91%) contrast(84%);
+  height: 150px;
+  position: relative;
+  top: 3px;
+  left: 2px;
+}
+
+h1 {
+  font-size: 64px;
+}
+
+h2 {
+  font-size: 48px;
+}
+
+h3 {
+  font-size: 32px;
+}