diff --git a/styling/infobox.css b/styling/infobox.css
new file mode 100644
index 0000000000000000000000000000000000000000..9bcdb6b8f15774eedfa7dd1f9fa466da3bb2ce4d
--- /dev/null
+++ b/styling/infobox.css
@@ -0,0 +1,62 @@
+.info-box {
+    border-left: 10px solid #019286;
+    padding-top: 10px;
+    background: #242833;
+    padding-bottom: 10px;
+    margin-bottom: 60px;
+    /* max-width: max-content; */
+    padding-right: 20px;
+    /* font-weight: bold; */
+}
+
+.info-box > ul {
+    /* Clear out any margin that the list has, so we can put it on the info-box instead */
+    margin: 0;
+
+    /* Hide the dot things that appear on lists */
+    list-style-type: none;
+}
+
+/* .info-box > ul > li {
+    display: inline-block;
+}
+
+.info-box > ul > li:not(:last-child) {
+    margin-right: 20px;
+}
+
+.info-box > ul > li:not(:last-child)::after {
+    content: '|';
+    margin-left: 20px;
+    color: rgb(189, 189, 189);
+} */
+
+.info-box > ul > li a {
+    text-decoration: none;
+    color: #37a4a1;
+    /* padding: 10px; */
+    /* border: 2px solid #37a4a1; */
+    /* background: #434c5e; */
+    transition: background 0.25s linear;
+    font-weight: normal;
+}
+
+.info-box > ul > li a:hover, ..info-box > ul > li a:focus {
+    background: #2d0675;
+}
+
+.replace-info-addendum {
+    margin: 0;
+    padding: 0;
+    margin-bottom: 10px;
+    margin-left: 42px;
+    font-style: italic;
+    color: rgb(189, 189, 189);
+    /* display: inline-block; */
+    display: none;
+}
+
+.replace-info-list {
+    /* display: inline-block; */
+}
+