html, body {
  margin: 0;
  padding: 0;
  font-size: 14px;
}

*{
  margin:0 ;
  padding:0;
  list-style-type:none;
}
ul{
  margin:0 !important;
}

.wrapper-1 {
  color: white;
  width:36%;
  background:rgba(0,0,0,1);
  border-radius:5px;
  margin: 0 auto;
/*  margin-top: 51px;*/
  padding: 20px 20px 20px 30px;
  font-size: 15px;
}

/*.code-area{
  background-color: rgba(0,0,0,.7);
  margin : 20px 20px 0px -5px;
  border-radius: 10px;
  padding: 0px 50px;
  border: solid 1px #fff;
}*/
 
 .code-area{
  background-color: rgba(196, 191, 191, 0.8);
  margin: 20px 20px 0px -5px;
  border-radius: 10px;
  padding: 0px 50px;
  border: solid 1px #c2c2c2;
 }

.CodeMirror {  
  /*width: 100%;
   height : 100% gives scrool bar 
  height: 90%;*/
  padding-left: 20px;
}

/*.CodeMirror-code{

}
*/