style.scss

 body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;

  .viewport {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
  
    .frame {
      position: absolute;
      width: 200%;
      height: 100%;
      top: 0;
      bottom: 0;
      left: 0;
      
      .navbar .navbar-inner {
        border-radius: 0;
        padding-left: 5px;
      }
      
      .menu {
        height:100%;
        /* background-color: #3D6AA2; */

        &.collapse {
          float:left;
          height: 100% !important;
          width: auto;
        }
    
        &.collapse.height {
          position: relative;
          height: 0;
          overflow: hidden;
          -webkit-transition: height 0.35s ease;
          -moz-transition: height 0.35s ease;
          -o-transition: height 0.35s ease;
          transition: height 0.35s ease;
        }
    
        &.collapse.width {
          position: relative;
          width: 0;
          overflow: hidden;
          -webkit-transition: width 0.35s ease;
          -moz-transition: width 0.35s ease;
          -o-transition: width 0.35s ease;
          transition: width 0.35s ease;
        }
        
        &.collapse.in.width {
          width: auto;
        }
        
        &.collapse.in.height {
          height: auto;
        }
      
        .collapse-inner {
          position: relative;        
          width: 250px;
          height: 100%;
        }
        
        .navbar .navbar-inner {
          text-align: center;
          color: grey;
          font-size: 1.2em;
          line-height: 38px;
        }
        
        .nav-stacked {
          padding: 0 10px;
        }
          
      }
      .view {
        width: 50%;
        height: 100%;
        overflow: hidden;
        
        .navbar .navbar-inner .btn-navbar {
          display: block;
          float: left;
        }
        #content {
          margin: auto 15px;
          text-align: justify;
        }
      }
    }
}