/* Copyright (c) Microsoft Corporation.
   Licensed under the MIT License. */

@import "qsharp-lang/qdk-theme.css";

body {
  font-family: system-ui, "Segoe UI", sans-serif;
  color: var(--qdk-host-foreground);
  background-color: var(--qdk-host-background);
  margin: 0;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
  vertical-align: middle;
}
table tr:nth-child(2n) {
  background-color: var(--qdk-background-accent);
}
th,
td {
  border: 0.5px solid gray;
  padding: 8px;
}
.nav {
  /* background: lightblue; */
  width: 320px;
  height: 100vh;
  padding-top: 16px;
  position: fixed;
  overflow-y: auto;
  background-color: var(--qdk-host-background);
}
.content {
  margin-left: 330px;
  padding: 16px;
  width: calc(100% - 362px);
  /* height: 100vh; */
  overflow-y: auto;
  /* background: lightcyan; */
}
.nav-item {
  font-size: 1.1em;
  padding: 8px;
  color: var(--qdk-host-foreground);
}
.nav-item:hover {
  background-color: var(--qdk-background-accent);
}
.nav-selected {
  font-weight: bold;
  background-color: var(--qdk-menu-fill-selected);
}