body{
  background-image: url("../images/png-transparent-decorative-ornamental-abstract-geometric-art-seamless-repeating-pattern-design-16-10-ratio-thumbnail.png");
  margin: 0;
}

.general{
background-color: blue;
}

#container{
  width: 80%;
  height: 100VH;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}

  #header{
    height: 40px;

  }

  #menu{
    height: 25px;
    width: 100%;
    background-color: cyan;
  }

  #main{
    flex: 1;
    display: flex;
  }

    #left, #right{
      background-color: lime;
      transition: 1s;
      overflow: hidden;
    }

    .show_side{
      flex: 1;
    }

    .hide_side{
      flex: 0;
    }

    #nav{
      background-color: blue;
      padding: 5px;
      color: white;
    }

    #content{
      flex: 3;
      opacity: 0.9;
      background-color: white;


    }

  #footer{
    height: 20px;
    width: 100%;
    text-align: right;

  }