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: 35em !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: 47em;
  left: 11em;
  width: 20em !important;
  height: 15em;
  margin-left: -10em;
  resize: both;
  overflow: auto;
  overflow-x: hidden !important;
  -webkit-transition: width 2s; /* Safari */
    transition: width 2s;
}

#publisher_textarea_wrapper:hover, #publisher_textarea_wrapper.active{
  width: 50em !important;
  -webkit-transition: width 2s; /* Safari */
    transition: width 2s;
}

#publisher_textarea_wrapper #button_container{
  position: absolute;
  bottom: 0em;
}

.options_and_submit{
  border: 1px solid black;
  background-color: white;
  position: fixed;