body {
      background-color: lightblue;
      font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
      margin: auto;
    }

    .wrapper{
      display: flex;
      justify-content: center;
}
    .mainbody {
      background-color: white;
      outline: 3px solid lightseagreen;
      border-radius: 5px;
      float: left;
      width: 45%;
      padding: 10px;
      margin-right: 10px;
      margin-left: 10px;

    }

    .sidebar {
      background-color: white;
      outline: 3px solid lightseagreen;
      border-radius: 5px;
      position: relative;
      float: left;
      padding: 10px;
      width: 150px;
      height:245px;
    }

    .videobar {
      background-color: white;
      outline: 3px solid lightseagreen;
      border-radius: 5px;
      position: relative;
      float: right;
      padding: 10px;
      width: 150px;
    }

    figure {
      display: inline-block;
    }

    .textbody {
      background-color: white;
      outline: 3px solid lightseagreen;
      border-radius: 5px;
    }
    
    #flex {
      display: flex;
     }