katrotz/splitify

html {
  height: 100%;

  body {
    height: 100%;
    margin: 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background: #000000;
    background: -moz-linear-gradient(-45deg,  #000000 0%, #6563a4 100%, #6563a4 100%, #6563a4 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#000000), color-stop(100%,#6563a4), color-stop(100%,#6563a4), color-stop(100%,#6563a4));
    background: -webkit-linear-gradient(-45deg,  #000000 0%,#6563a4 100%,#6563a4 100%,#6563a4 100%);
    background: -o-linear-gradient(-45deg,  #000000 0%,#6563a4 100%,#6563a4 100%,#6563a4 100%);
    background: -ms-linear-gradient(-45deg,  #000000 0%,#6563a4 100%,#6563a4 100%,#6563a4 100%);
    background: linear-gradient(135deg,  #000000 0%,#6563a4 100%,#6563a4 100%,#6563a4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#6563a4',GradientType=1 );
  }

  nav {
    background-repeat: no-repeat;
    background: #ffffff;
    a {
      color: black;
    }
  }

  .side-nav {
    li.logo {
      display: block;
      margin: 50px;
    }
  }
}