Added first iteration of css

rhizome-css/rhizome.css

+*{
+  font-family: roboto, 'Open Sans', sans-serif;
+}
+
+header{
+  border: 1px solid black;
+  -webkit-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
+-moz-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
+box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
+  max-width: 70em;
+  margin: auto;
+  position: fixed;
+  left: 2em;
+  top: 2em;
+  -webkit-user-drag: element;
+}
+
+.col-md-3{
+  top: 10em !important;
+  position: fixed;
+  width: 20em !important;
+  overflow-y: auto !important;
+  overflow: hidden;
+  height: 30em !important;
+  border: 1px solid black;
+  margin-left: 1em;
+  -webkit-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
+-moz-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
+box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
+}
+
+#publisher_textarea_wrapper{
+  border: 1px dashed black !important;
+  border-right: 1px solid black !important;
+  border-bottom: 1px solid black !important;
+  -webkit-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
+-moz-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
+box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
+  position: fixed !important;
+  background-color: rgba(255,255,255,0.97);
+  z-index: 1000 !important;
+  top: 10em;
+  width: 50%;
+  height: 15em;
+  margin-left: -10em;
+  resize: both;
+  overflow: auto;
+}
+
+.logo{
+  position: fixed;
+  left: unset !important;
+  right: 2em;
+  top: 2em;
+  background-color: white !important;
+  font-weight: 600;
+  font-size: 1.5em !important;
+  width: 12em !important;
+  height: 3em !important;
+  bottom: 20em !important;
+  border: 1px solid black;
+  margin-left: 1em;
+  -webkit-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
+-moz-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
+box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
+}
+
+.col-md-9{
+  margin-top: 15em;
+  box-sizing: border-box !important;
+  padding-right: 5em !important;
+  overflow-y: hidden !important;
+}
+
+.sidebar{
+  overflow: hidden;
+}
+
+.stream-element{
+  margin-bottom: 10em !important;
+}
+
+.stream-element, .reshare .media{
+  border: 1px solid black;
+  padding: 1em;
+  padding-right: 4em;
+  padding-top: 0 !important;
+  -webkit-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
+-moz-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
+box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
+}
+
+.stream-element p{
+  font-size: 1.5em !important;
+  max-width: 30em;
+  line-height: 1.5em !important;
+  margin-bottom: 1.5em;
+}
+
+blockquote{
+  border: 1px solid black;
+  padding: 1em;
+  font-style: italic;
+  margin-right: 10em;
+  -webkit-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
+-moz-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
+box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
+  margin-bottom: 3em;
+}
+
+.stream-element .img{
+  box-sizing: border-box;
+  border: 1px solid black;
+  border-top: 0;
+  overflow: hidden;
+}
+
+
+.author-name{
+  box-sizing: border-box;
+  padding: 0.3em 1em;
+  margin: 0 !important;
+  margin-left: -0.7em !important;
+
+  background-color: rgba(0,0,0,1) !important;
+  color: white;
+  font-size: 1.4em;
+  letter-spacing: 0.2em;
+}
+
+.stream-element .details{
+  float: right;
+}
+
+.stream-element .details time{
+  font-size: 1.3em;
+  padding: 1em;
+}
+
+.post-content{
+  margin-top: 3em;
+  margin-bottom: 3em;
+}
+
+.feedback{
+  margin-left: -4em;
+  margin-top: 1em;
+  margin-bottom: 2em;
+}
+.feedback a{
+  padding: 0.5em 1em;;
+  border: 1px solid black;
+  
+}
+
+.feedback a:hover{
+  -webkit-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
+-moz-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
+box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
+}
+
+.stream-element .comment_stream .comments{
+  margin-left: -6em;
+  box-sizing: border-box !important;
+  width: 100%;
+  border-top: 1px dashed black !important;
+  padding: 2em;
+}
+
+
+.comments .comment{
+  max-width: 50em !important;
+  border: 1px dashed grey !important;
+  border-right: 1px solid grey !important;
+  border-bottom: 1px solid grey !important;
+  margin-bottom: -1em;
+  -webkit-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.4);
+-moz-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
+box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.4);
+  background-color: white;
+}
+
+
+
+
+.comments .comment:nth-child(1){ margin-left: 0.0em;}
+.comments .comment:nth-child(2){ margin-left: 1.5em;}
+.comments .comment:nth-child(3){ margin-left: 3.0em;}
+.comments .comment:nth-child(4){ margin-left: 4.5em;}
+.comments .comment:nth-child(5){ margin-left: 6.0em;}
+.comments .comment:nth-child(6){ margin-left: 7.5em;}
+.comments .comment:nth-child(7){ margin-left: 9.0em;}
+.comments .comment:nth-child(8){ margin-left: 10.5em;}
+.comments .comment:nth-child(9){ margin-left: 12.0em;}
+.comments .comment:nth-child(10){ margin-left: 13.5em;}
+.comments .comment:nth-child(11){ margin-left: 0.0em;}
+.comments .comment:nth-child(12){ margin-left: 1.5em;}
+.comments .comment:nth-child(13){ margin-left: 3.0em;}
+.comments .comment:nth-child(14){ margin-left: 4.5em;}
+.comments .comment:nth-child(15){ margin-left: 6.0em;}
+.comments .comment:nth-child(16){ margin-left: 7.5em;}
+.comments .comment:nth-child(17){ margin-left: 9.0em;}
+.comments .comment:nth-child(18){ margin-left: 10.5em;}
+.comments .comment:nth-child(19){ margin-left: 12.0em;}
+.comments .comment:nth-child(20){ margin-left: 13.5em;}
+.comments .comment:nth-child(21){ margin-left: 0.0em;}
+.comments .comment:nth-child(22){ margin-left: 1.5em;}
+.comments .comment:nth-child(23){ margin-left: 3.0em;}
+.comments .comment:nth-child(24){ margin-left: 4.5em;}
+.comments .comment:nth-child(25){ margin-left: 6.0em;}
+.comments .comment:nth-child(26){ margin-left: 7.5em;}
+.comments .comment:nth-child(27){ margin-left: 9.0em;}
+.comments .comment:nth-child(28){ margin-left: 10.5em;}
+.comments .comment:nth-child(29){ margin-left: 12.0em;}
+.comments .comment:nth-child(30){ margin-left: 13.5em;}
+.comments .comment:nth-child(31){ margin-left: 0.0em;}
+.comments .comment:nth-child(32){ margin-left: 1.5em;}
+.comments .comment:nth-child(33){ margin-left: 3.0em;}
+.comments .comment:nth-child(34){ margin-left: 4.5em;}
+.comments .comment:nth-child(35){ margin-left: 6.0em;}
+.comments .comment:nth-child(36){ margin-left: 7.5em;}
+.comments .comment:nth-child(37){ margin-left: 9.0em;}
+.comments .comment:nth-child(38){ margin-left: 10.5em;}
+.comments .comment:nth-child(39){ margin-left: 12.0em;}
+.comments .comment:nth-child(40){ margin-left: 13.5em;}
+.comments .comment:nth-child(41){ margin-left: 0.0em;}
+.comments .comment:nth-child(42){ margin-left: 1.5em;}
+.comments .comment:nth-child(43){ margin-left: 3.0em;}
+.comments .comment:nth-child(44){ margin-left: 4.5em;}
+.comments .comment:nth-child(45){ margin-left: 6.0em;}
+.comments .comment:nth-child(46){ margin-left: 7.5em;}
+.comments .comment:nth-child(47){ margin-left: 9.0em;}
+.comments .comment:nth-child(48){ margin-left: 10.5em;}
+.comments .comment:nth-child(49){ margin-left: 12.0em;}
+.comments .comment:nth-child(50){ margin-left: 13.5em;}
+.comments .comment:nth-child(51){ margin-left: 0.0em;}
+.comments .comment:nth-child(52){ margin-left: 1.5em;}
+.comments .comment:nth-child(53){ margin-left: 3.0em;}
+.comments .comment:nth-child(54){ margin-left: 4.5em;}
+.comments .comment:nth-child(55){ margin-left: 6.0em;}
+.comments .comment:nth-child(56){ margin-left: 7.5em;}
+.comments .comment:nth-child(57){ margin-left: 9.0em;}
+.comments .comment:nth-child(58){ margin-left: 10.5em;}
+.comments .comment:nth-child(59){ margin-left: 12.0em;}
+.comments .comment:nth-child(60){ margin-left: 13.5em;}
+.comments .comment:nth-child(61){ margin-left: 0.0em;}
+.comments .comment:nth-child(62){ margin-left: 1.5em;}
+.comments .comment:nth-child(63){ margin-left: 3.0em;}
+.comments .comment:nth-child(64){ margin-left: 4.5em;}
+.comments .comment:nth-child(65){ margin-left: 6.0em;}
+.comments .comment:nth-child(66){ margin-left: 7.5em;}
+.comments .comment:nth-child(67){ margin-left: 9.0em;}
+.comments .comment:nth-child(68){ margin-left: 10.5em;}
+.comments .comment:nth-child(69){ margin-left: 12.0em;}
+.comments .comment:nth-child(70){ margin-left: 13.5em;}
+.comments .comment:nth-child(71){ margin-left: 0.0em;}
+.comments .comment:nth-child(72){ margin-left: 1.5em;}
+.comments .comment:nth-child(73){ margin-left: 3.0em;}
+.comments .comment:nth-child(74){ margin-left: 4.5em;}
+.comments .comment:nth-child(75){ margin-left: 6.0em;}
+.comments .comment:nth-child(76){ margin-left: 7.5em;}
+.comments .comment:nth-child(77){ margin-left: 9.0em;}
+.comments .comment:nth-child(78){ margin-left: 10.5em;}
+.comments .comment:nth-child(79){ margin-left: 12.0em;}
+.comments .comment:nth-child(80){ margin-left: 13.5em;}
+.comments .comment:nth-child(81){ margin-left: 0.0em;}
+.comments .comment:nth-child(82){ margin-left: 1.5em;}
+.comments .comment:nth-child(83){ margin-left: 3.0em;}
+.comments .comment:nth-child(84){ margin-left: 4.5em;}
+.comments .comment:nth-child(85){ margin-left: 6.0em;}
+.comments .comment:nth-child(86){ margin-left: 7.5em;}
+.comments .comment:nth-child(87){ margin-left: 9.0em;}
+.comments .comment:nth-child(88){ margin-left: 10.5em;}
+.comments .comment:nth-child(89){ margin-left: 12.0em;}
+.comments .comment:nth-child(90){ margin-left: 13.5em;}
+.comments .comment:nth-child(91){ margin-left: 0.0em;}
+.comments .comment:nth-child(92){ margin-left: 1.5em;}
+.comments .comment:nth-child(93){ margin-left: 3.0em;}
+.comments .comment:nth-child(94){ margin-left: 4.5em;}
+.comments .comment:nth-child(95){ margin-left: 6.0em;}
+.comments .comment:nth-child(96){ margin-left: 7.5em;}
+.comments .comment:nth-child(97){ margin-left: 9.0em;}
+.comments .comment:nth-child(98){ margin-left: 10.5em;}
+.comments .comment:nth-child(99){ margin-left: 12.0em;}
+
+.comments .comment .bd .author-name{
+  background-color: unset !important;
+  width: 10em;
+  color: black;
+  margin-top: -3em !important;
+  margin-left: 1em !important;
+  margin-bottom: 1em !important;
+}
+
+.comments .comment .img .author-name{
+  background-color: unset !important;
+}
+
+.comments .comment .img{
+  border: 1px dashed grey;
+  border-left: none;
+  border-top: none;
+  margin-top: -2em;
+}
+
+.comments .comment .comment-content{
+  margin-left: 2.4em !important;
+  font-size: 0.9em !important;
+  color: #444;
+}
+
+.comments .comment .info{
+  margin-bottom: 1em;
+}
+
+.new_comment{
+  margin-top: 
+  padding-bottom: -2em;
+}
+
+.new_comment textarea{
+  border: 1px grey dashed;
+  box-sizing: border-box;
+  width: 95%;
+}
+
+.single-post-content, .single-post-interactions{
+  margin-top: 3em !important;
+}
+
+.single-post-content{
+
+  overflow-y: auto !important;
+}
\ No newline at end of file