--

static/orgs.css

@@ -1,5 +1,8 @@
 body {
-	background-color: #D5CDCB;
+	background-color: #F4EBE8;
+	font-family: Roboto Mono;
+	font-size:11.5px;
+
 }
 
 h1 {
@@ -8,12 +11,13 @@ h1 {
 	top:3%;
 	text-align: right;
 	background-color: #0BEFEB;
-	padding: 10px 85px 35px 30px;
+	padding: 15px 85px 15px 30px;
 	z-index: 10;
-	color: black;
+	color: #371F10;
 	font-size: 28px;
-	border-right: none;
+	opacity: 0.7;
 }
+
 /*
 h1 {
 	position: fixed;
@@ -29,16 +33,16 @@ h1 {
 	border-right: none;
 }
 */
+
 .collapsible{
 	padding-left: 70px;
-	font-family: monospace;
 	line-height: 0%;
+	color: #371F10;
 }
 
 .active, .collapsible:hover {
 	color: red;
 	cursor: pointer;
-
 }
 
 .active, .collapsible:after {
@@ -47,20 +51,17 @@ h1 {
 	padding-left: 85px;
 }
 
-
 .content {
 	max-height: 0;
    	overflow: hidden;
     transition: max-height 0.2s ease-out;
     padding-left: 50px;
-    background-color: #5E7575;
-    font-family: monospace;
+    background-color: #86a2a2;
     position: relative;
     line-height: 30px;
     margin-left: 85px;
 }
 
-
 .up {
 	position: fixed;
 	font-weight: bolder;
@@ -105,7 +106,6 @@ h1 {
 	border: none; 
 }
 
-
 .indexlink {
 	position: fixed;
 	text-decoration: none;
@@ -120,7 +120,6 @@ h1 {
 	border: none;
 }
 
-
 .timeline {
 	position: fixed;
     font-size: 20px;
@@ -146,7 +145,7 @@ h1 {
 	padding-top: 42px;
 }
 
-
 .up:hover, .down:hover, .top:hover, .bottom:hover {
 	cursor: pointer;
+	color: white;
 }