body {
  font-family: Arial, Helvetica, sans-serif;
}

* {
  box-sizing: border-box;
}

/* Create a column layout with Flexbox */
.row {
  display: flex;
}

/* Left column (menu) */
#left-bar {
  flex: 25%;
  padding: 2px 15px;
  height: 100vh;
}

/* Right column (page content) */
.right {
  flex: 75%;
  padding: 15px;
}

/* Style the search box */
#mySearch {
  width: 100%;
  margin: 5px;
  font-size: 18px;
  padding: 4px ;
  border:1px solid #ddd;
}

/* Style the navigation menu inside the left column */
#myMenu {
  list-style-type: none;
  padding-left: 2px;
  margin: 0;
  overflow-y: scroll;
  height: 90%;
}

#myMenu li a {
  backgrxound-color: #f6f6f6;
  padding: 2px;
  text-decoration: none;
  font-size: 18px;
  color: black;
  display: block
}

#myMenu li a:hover {
  background-color: #eee;
}

label {
  display: inline-block;
  padding: 1px 3px 1px 3px;
  background-color: #000080;
  color: yellow;
  font-size: 16px;
}
input[type=text] {
  box-sizing: border-box;
//  box-shadow: 5px 10px;
//  border-radius: 1px;
    padding: 1px 3px 1px 3px;

}
textarea {
  width: 98%;
  height: 150px;
  overflow:scroll;
  padding: 1px 1px;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 4px;
  background-color: #f8f8f8;
  font-size: 16px;
  resize: none;
}