md-sidenav  {
  width: 200px;
  height: 100%;
  padding: 20px;
  background-color: green;
}

md-content {
  background-color: gray;
  height: 100%;
  padding: 20px;
}

@import url('https://fonts.googleapis.com/css?family=Open+Sans');

body {
  font-family: 'Open Sans', sans-serif;
  color: white;
}

h1 {
  text-transform: uppercase;
  letter-spacing: 4px;
}

md-sidenav  {
  width: 225px;
  height: 100%;
  padding: 20px;

  background: #3BBA4D; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#3BBA4D, #1C5C3D); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#3BBA4D, #1C5C3D); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#3BBA4D, #1C5C3D); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#3BBA4D, #1C5C3D); /* Standard syntax */
}

md-content {
  color: white;
  background-color: #222222;
  height: 100%;
  padding: 20px;
}

Add background and font styling
Add background and font styling
