@media only screen and (min-device-width: 601px) {
  #leftbar {
    float: left;
    width: 150px;
    margin-left: 5%;
    margin-right: auto;
    margin-top: 150px;
    padding-right: 10px;
    border-right: solid #b6b6b6;
    border-right-width: 1px;
  }

  #leftbar a {
    color: Grey;
  }

  #leftbar a.current {
    color: Navy;
  }

  .content a {
    color: darkblue;
  }

  .content p,
  .content h2,
  .content ul,
  .content ol {
    margin-top: 10px;
  }

  .content img {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .content h2 {
    font-weight: bold;
    font-size: larger;
    margin-top: 20px;
  }

  .content iframe {
    margin-top: 20px;
  }

  .content li {
    display: block;
    margin-top: 5px;
  }

  .content span.note {
    color: darkred;
  }

  .content table,
  th,
  td {
    border: 1px solid grey;
  }
}

.rounded-box {
  border: 1px solid lightgray;
  border-radius: 5px;
  display: inline-block;
  padding: 5px;
}