diff --git a/css/sites.css b/css/sites.css
index 7f81776..b189985 100644
--- a/css/sites.css
+++ b/css/sites.css
@@ -1365,7 +1365,7 @@ List is not yet complete.
 
 .elftwinks {
     background-color: #eea3b2;
-    color: ;
+    color: #222222;
 }
 
 svg {
@@ -1375,13 +1375,14 @@ svg {
 
 .colours {
     background-color: #5BCEFA;
-}
-
-
-a {
-    color: asdasf;
+    color: #222222;
 }
 
 .pronouns {
     background-color: #c71585;
+}
+
+.oc {
+    background-color: #ffffff;
+    color: #222222;
 }
\ No newline at end of file
diff --git a/css/style.css b/css/style.css
index a6be43c..9d2068b 100644
--- a/css/style.css
+++ b/css/style.css
@@ -48,8 +48,7 @@ body {
     font-weight: unset;
 }
 
-.separator,
-.source {
+.separator, .source {
     color: white;
     text-align: center;
     margin: 25px auto;
@@ -63,8 +62,7 @@ body {
     margin-top: 50px;
 }
 
-.picture,
-.picture img {
+.picture, .picture img {
     position: relative;
     width: 130px;
     height: 130px;
@@ -84,8 +82,7 @@ body {
     text-decoration: none;
 }
 
-.links,
-.link_list {
+.links, .link_list {
     max-width: 675px;
     width: auto;
     display: block;
@@ -115,9 +112,9 @@ body {
 }
 
 footer a {
-  color: var(--accentcolor);
-  font-weight: bold;
-  text-decoration: none;
+    color: var(--accentcolor);
+    font-weight: bold;
+    text-decoration: none;
 }
 
 @media (hover: hover) {
@@ -138,6 +135,6 @@ footer a {
 
 
 .flag {
-	width: 1em;
-	border-radius: 0.15em;
+    width: 1em;
+    border-radius: 0.15em;
 }
\ No newline at end of file
diff --git a/index.html b/index.html
index 35bba48..439920b 100644
--- a/index.html
+++ b/index.html
@@ -131,6 +131,10 @@
                   colours.dalfuss.link
                </a></li>
 
+               <li class="link_item"><a class="link oc" href="https://oc.dalfuss.link" target="_blank"><i class="fa fa-link" aria-hidden="true"></i>
+                  OC Site
+               </a></li>
+
             </ul>
          </div>