body {
	font-family: "Lato", sans-serif;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column; /* Added to make the layout work correctly */
	min-height: 100vh; /* Added to make the layout work correctly */
	}





    .toolbar {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 55px;
      background-color: #111;
      color: #FFF;
      position: fixed; /* Added to make the menu bar fixed */
      top: 0; /* Added to make the menu bar fixed */
      left: 0; /* Added to make the menu bar fixed */
      right: 0; /* Added to make the menu bar fixed */
      z-index: 999; /* Added to ensure the menu bar is above other content */
    }

    .toolbar span {
      font-size: 30px;
      cursor: pointer;
    }

    .sidenav {
      height: 0;
      width: 100%;
      position: fixed;
      z-index: 9999;
      top: 45px; /* Added to push the sidenav content below the menu bar */
      left: 0;
      background-color: #111;
      overflow: hidden;
      transition: 0.5s;
    }

    .sidenav.open {
      height: 100%;
      overflow: auto;
      opacity: 0.9; /* Added to set the opacity to 50% */
    }

    .sidenav a {
      padding: 8px 8px 8px 32px;
      text-decoration: none;
      font-size: 25px;
      color: #818181;
      display: block;
      transition: 0.1s;
    }

    .sidenav a:hover {
      color: #f1f1f1;
    }

    .sidenav .closebtn {
      position: absolute;
      top: 0;
      right: 25px;
      font-size: 36px;
      margin-left: 50px;
    }

    @media screen and (max-height: 450px) {
      .sidenav {padding-top: 15px;}
      .sidenav a {font-size: 18px;}
    }

    #iframe-container {
      margin-top: 55px; /* Added to create space below the menu bar */
    }

    #iframe-container iframe {
      width: 100%;
      height: calc(100vh - 60px); /* Adjust the height of the iframe based on the menu bar's height */
      margin: 0;
      padding: 0;
      border: none;
    }