body {

  background-color: #b0b0b0;

  font-family: Tahoma, Verdana, Arial, sans-serif;

  color: #000;

  margin: 0;

  padding: 0;

}



#container {

  width: 820px;

  margin: 0 auto;

  background-color: #ffffff;

  border: 2px solid #000080;

  box-shadow: 0 0 10px #555;

}



#header {

  background: linear-gradient(to bottom, #003366, #336699);

  color: white;

  padding: 10px;

  display: flex;

  align-items: center;

  border-bottom: 3px solid #000;

}



#logo {

  width: 90px;

  height: auto;

  margin-right: 10px;

  border: 1px solid #fff;

  background: #004080;

  padding: 3px;

}



#header-text h1 {

  margin: 0;

  font-size: 24px;

}



#header-text p {

  margin: 0;

  font-size: 13px;

}



#menu {

  background-color: #e0e0e0;

  text-align: center;

  padding: 8px;

  border-bottom: 1px solid #999;

}



#menu a {

  color: #0000cc;

  text-decoration: underline;

  font-weight: bold;

  margin: 0 6px;

}



#menu a:hover {

  color: #ff6600;

}



#content {

  padding: 15px;

}



h2 {

  border-bottom: 2px solid #000080;

  padding-bottom: 3px;

  color: #000080;

}



pre {

  background-color: #f4f4f4;

  border: 1px solid #999;

  padding: 8px;

  overflow-x: auto;

  font-family: "Courier New", monospace;

}



code {

  background: #f0f0f0;

  border: 1px solid #aaa;

  padding: 1px 3px;

  font-family: "Courier New", monospace;

}



#info {

  border-top: 1px dashed #999;

  margin-top: 20px;

  padding-top: 10px;

  font-size: 14px;

}



#footer {

  background-color: #e0e0e0;

  text-align: center;

  font-size: 12px;

  padding: 6px;

  border-top: 2px solid #000080;

}