html,
    body {
      display: block;
      width: 100%;
      height: 100%;
      max-height: 100vh;
      margin: 0;
      padding: 0;
    }
   
    
 

  .wrapper {
      width: 100%;
      height: 80%;
      display: flex;
      flex-direction: column;
    }

 .body {
      flex: 1;
      width: 100%;
      height: 100%;
      display: flex;
    }

    .body .menu {
      height: 100%;
      display: block;
      overflow: auto;
     
    }
    .menu
    {
     font-family: 'Lexend';

   font-weight: 600;
   font-size:16px;
    }

    .body .content {
      max-height: 100%;
      flex: 50%;
      justify-content: space-around;
      overflow: auto;
      padding: 50px 50px 50px 50px;
    }
    
   


.divided_div
{
width: 100%;
height: 50px;
}