body {
  margin: 0;
  font-family: "Lato", sans-serif;
}
img { border: 0; }

.logo {
  position: fixed;
  top: 20px;
  right: 20px;
}
.logo a {
    display: block;
    width: 100%;
    height: 100%;
}
.logo img {
            width: 124px;
            height: 18px;
            object-fit: cover;
}
.sidenav {
  width: max(12vw, 70pt);
  height: 100vh;
  position: fixed;
  z-index: 1;
  top: 10px;
  left: 10px;
  overflow-x: hidden;
  overflow-y: auto;
  font-size: 12px;
  padding: 4px 0;
}
.main {
  margin-left: max(12vw, 76pt);
  width: calc(100% - max(12vw, 76pt));
  padding: 6px;
  box-sizing: border-box;
}
.sidenav table {
            border-collapse: collapse;
            margin: 4px 0;
	    width: 80%;
	    cellpadding: 3;
	    cellspacing: 0;
	    background-color: #eeeeee;
            border: 2px solid #dddddd;
}
.sidenav th {
            background-color: #f2f2f2;
}
.sidenav th, td {
            border: 0px solid #dddddd;
            text-align: left;
            padding: 2px;
}
dl dd + dt {
  margin-top: 1lh;
}

/* Right-side container box for hosted projects grid */
.projects-sidebar-box {
  float: right;
  clear: right;
  margin-left: 24px;
  margin-bottom: 20px;
  background-color: #f9f9f9;
  border: 1px solid #e1e4e8;
  border-radius: 6px;
  padding: 8px;
}