h1 {
  color: black;
  font-family: Georgia, serif;
  font-size: 300%;
}
h2 {
  color: black;
  font-family: Georgia, serif;
  font-size: 200%;
}
h3 {
  color: black;
  font-family: Georgia, serif;
  font-size: 100%;
}
html{overflow-y:scroll;font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;scroll-behavior:smooth}
img:hover {
  box-shadow: 0 0 15px 7.5px rgba(0, 100, 200, 0.5);
  }
img.green:hover {
  transform: scaleX(-1);
}


mtable {
background-color:#e5e5e5;
border-spacing:2px 1px;
width:100%;
font-size:1.1em
}
table.mtable td{
border-spacing:5px 10px;
padding:12px!important;
line-height:1.7em
}
table.mtable th{
background:#005cb9;
color:#fff;
font-size:1.3em;
padding:.4em
}
table.mtable a{
border-bottom:0
}
table.mtable p{
font-family: Georgia, serif
}
@media(prefers-color-scheme:dark){
a {
color:#2f8fff
}
a:hover, a:active, a:focus {
color:#9fcfff!important;
}
a:visited {
color:#93b0d2 
}
a.kb{color:#2f8fff!important}
.updated{color:#93b0d2!important}
body,header,.container,.tcw,.contents{color:#eee;background:#282828}
h1,h2,h3,.nolink{color:#fff!important}
span.title{background:#7b7b77;color:#000}
.tip{background-color:#414141;color:#fff}
span.title:before{color:#ff0}
span.title{padding:.6em 1.5em .6em 1em}
.tcy{background-color:#313030;color:#eee;border:1px solid #93b0d2}
.relatedpages,.additional{background-color:#313030}
.container ul.options li:hover{color:#9fcfff}
.container ul.options li a:hover{color:#9fcfff}
table.mtable tr:hover 
td,table.mtable3 tr:hover 
td,table.mtable4 tr:hover 
td{background-color:#313030}#
totop{color:#1f1f1f}#
}

.chat-container {
  max-width: 400px;
  margin: 0 auto;
  padding: 20px;
}

.chat-box {
  height: 300px;
  overflow-y: scroll;
  border: 1px solid #ccc;
  padding: 10px;
  margin-bottom: 10px;
}

.chat-form input[type="text"] {
  width: calc(100% - 70px);
  padding: 8px;
  margin-right: 10px;
}

.chat-form button {
  padding: 8px 15px;
}

.blue {
  width: 100%; /* Adjust width as needed */
  max-width: 600px; /* Maximum width of the video */
}

/* Style the video */
video {
  width: 100%; /* Make video fill container */
  display: block;
}