.sidebar-left {
        height: 80vh;
        width: 180px;
        background: linear-gradient(to right, grey, lightgrey);
      }
      /*, orange light*/
      body {
        color: white;
        display: flex;
        padding: 0;
        margin: 0;
        align-items: center;
        justify-content: space-between;
        font-family: sans-serif;
      }
      main {/*margin-left: 180px;*/ background: linear-gradient(132deg, orange, yellow);  flex: 1;}
      main, .sidebar-left, .sidebar-right {display: inline-block;}
      .container {width: 80vw; margin: auto; display: flex; box-shadow: 11px 11px 11px rgba(0,0,0,0.3), -11px 11px 11px rgba(0,0,0,0.3);}
      #left-ul li[active] {border: 1px solid orange; border-right: none; background: linear-gradient(to right, yellow, orange); color: black;}
      #left-ul li {list-style-type: none; padding: 3px;}
      header {background: linear-gradient(to right, lightgrey, grey); padding: 8px; margin: 0}
      main .text {padding: 11px;}
      h1, h2, h3, h4, h5, h6 {padding: 0; margin: 0;}
      .breadcrumbs a {color: white;}