--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/css/octave.css	Wed Sep 28 02:08:11 2016 +0200
@@ -0,0 +1,195 @@
+div#logo {
+  color: #0790c0;
+  margin: 10px;
+}
+
+div#logo img {
+  height: 70px;
+  vertical-align:middle;
+}
+
+div#logo span {
+  font-weight: bold;
+  font-size: 25pt;
+
+}
+
+.crm-contribute-button-wrapper {
+  padding-top: 5px;
+  padding-bottom: 5px;
+}
+
+.crm-contribute-button-inner { /* button text color */
+  font-size: 10pt;
+  font-weight: bold;
+  text-align: center;
+  padding: 5px;
+  border: 1px solid #aaaaaa;
+  background: #e8e8e8;
+  border-radius: 4px;
+}
+
+div.donate-blurb {
+  font-size: 10pt;
+  font-weight: normal;
+  text-align: left;
+  padding: 5px;
+}
+
+div#donate-form {
+  font-size: 10pt;
+  font-weight: normal;
+  text-align: left;
+}
+
+div#bitcoin{
+  font-size: 10pt;
+  text-align: left;
+}
+
+div#bitcoinaddress{
+  font-size: 6pt;
+  text-align: center;
+}
+
+div.donate-field {
+  font-weight: bold;
+  padding: 5px;
+}
+
+body {
+  font-family: arial,sans-serif;
+  font-weight: normal;
+  font-size: medium;
+  background: white;
+  color: black;
+  margin: 0;
+  padding: 0px;
+}
+
+a {
+  text-decoration: none;
+}
+
+a:link {
+  color: #0790c0;
+}
+
+a:hover {
+  color: #1b1c7d;
+}
+
+div.page-content {
+  width: 540px;
+  margin: 0 auto;
+  text-align: justify;
+}
+
+footer {
+  clear: both;
+  font-size: x-small;
+  text-align: center;
+  border-top: 1px solid;
+  margin: 5px;
+  margin-top: 20px;
+}
+
+dt {
+  font-weight: bold;
+  margin-top: 7px;
+}
+
+h1 {
+  font-size: 16pt;
+  font-weight: bold;
+}
+
+h2 {
+  font-size: 14pt;
+  font-weight: bold;
+}
+
+h3 {
+  font-size: 12pt;
+  font-weight: bold;
+}
+
+img#screenshot {
+  border: 1px solid #0790c0;
+}
+
+ul.topnav {
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+  overflow: hidden;
+  background-color: #0790c0;
+}
+
+ul.topnav li {
+  float: left;
+}
+
+ul.topnav li a {
+  display: inline-block;
+  color: #f2f2f2;
+  text-align: center;
+  padding: 14px 16px;
+  text-decoration: none;
+  transition: 0.3s;
+  font-size: 20px;
+  vertical-align: baseline;;
+}
+
+ul.topnav li a:hover {
+  background-color: #555;
+}
+
+ul.topnav li.icon {
+  display: none;
+}
+
+ul.topnav li#logo a {
+  font-size: 30px;
+  font-weight: bold;
+}
+
+ul.topnav li svg {
+  fill: white;
+}
+
+@media screen and (max-width:700px) {
+  ul.topnav li:not(:first-child) {display: none;}
+  ul.topnav li.icon {
+    float: right;
+    display: inline-block;
+  }
+  ul.topnav.responsive {
+    position: relative;
+  }
+  ul.topnav.responsive li.icon {
+    position: absolute;
+    right: 0;
+    top: 0;
+  }
+  ul.topnav.responsive li {
+    float: none;
+    display: inline;
+  }
+  ul.topnav.responsive li a {
+    display: block;
+    text-align: left;
+  }
+  div.page-content {
+    width: auto;
+    margin: 15px;
+  }
+}
+
+@media screen and (min-width:1000px) {
+  div.page-content {
+    width: auto;
+    margin-left: 10%;
+    margin-right: 10%;
+  }
+}