/* temporary front page */
/* temporary front page */

body {
  background-image: url('logo.jpg');
  background-size: contain; */ auto, cover, contain, length, percentage */
  width: 100vh;
  height: 100vh;
  margin: 0;
  background-repeat: no-repeat;
  background-position: center;
}

 .container {
      display: flex;
      height: 100vh;
    }

    .sidebar {
      width: 15rem;
      background: #ececec;
      padding: 1rem;
      overflow-y: auto;
    }

    .sidebar a {
      display: block;
      padding: 0.1rem;
      margin-bottom: 0.1em;
      color: #333;
      text-decoration: none;
      border-radius: 4px;
      font-family: 'Times New Roman', Times, serif;
      font-style: bold;
      font-size: 1.5rem;
    }

    .sidebar a:hover {
      background: #ddd;
    }

    .content {
      flex: 1;
      height: 100%;
      padding: 0.5rem;
    }

    .content iframe {
      width: 100%;
      height: 100%;
      border: none;
    }