diff --git a/index.html b/index.html
new file mode 100644
index 0000000..a3622bd
--- /dev/null
+++ b/index.html
@@ -0,0 +1,41 @@
+
+
+
+
+ Cyber 42
+
+
+
+
+
+
+ Webring
+
+
+ Description
+
+ The missile knows where it is at all times. It knows this
+ because it knows where it isn't. By subtracting where it is from
+ where it isn't, or where it isn't from where it is (whichever is
+ greater), it obtains a difference, or deviation. The guidance
+ subsystem uses deviations to generate corrective commands to
+ drive the missile from a position where it is to a position
+ where it isn't, and arriving at a position where it wasn't, it
+ now is.
+
+
+
+
diff --git a/styles.css b/styles.css
new file mode 100644
index 0000000..fcf42f0
--- /dev/null
+++ b/styles.css
@@ -0,0 +1,71 @@
+@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&display=swap");
+@import url("https://fonts.googleapis.com/css2?family=Gelasio:ital,wght@0,400..700;1,400..700&family=Lora:ital,wght@0,400..700;1,400..700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Playfair:ital,opsz,wght@0,5..1200,300..900;1,5..1200,300..900&family=Roboto+Serif:ital,opsz,wght@0,8..144,100..900;1,8..144,100..900&display=swap");
+body {
+ background-color: #1c1b1a;
+}
+
+header,
+main {
+ margin-left: 50px;
+}
+
+header {
+ margin-bottom: 70px;
+}
+
+h2 {
+ font-family: "Source Serif 4", serif;
+ font-optical-sizing: auto;
+ font-weight: 500;
+ font-size: 40px;
+ font-style: normal;
+ margin-top: 40px;
+}
+
+h2.green {
+ color: #3aa99f;
+}
+
+h2.orange {
+ color: #da702c;
+}
+ul {
+ list-style-type: none;
+ padding-left: 0;
+}
+
+li {
+ margin-bottom: 10px;
+ font-family: "IBM Plex Mono", monospace;
+ font-weight: 400;
+ font-size: 20px;
+ font-style: normal;
+}
+a {
+ color: white;
+}
+
+a:hover {
+ font-style: italic;
+}
+
+h1 {
+ color: #e6e4d9;
+ font-family: "Source Serif 4", serif;
+ font-optical-sizing: auto;
+ font-weight: 600;
+ font-size: 50px;
+ font-style: normal;
+}
+
+main {
+ max-width: 700px;
+}
+p {
+ color: #f2f0e5;
+ font-family: "Lora", serif;
+ font-optical-sizing: auto;
+ font-weight: 400;
+ font-size: 20px;
+ font-style: normal;
+}