/* menu blue yellow black */
body {max-width:960px; padding-top:9px; padding-bottom:19px; margin:auto; background:#103; color:#9cf; font-family:sans-serif;}
a:link {color:#fc0; text-decoration:underline; outline:0;}
a:visited {color:#f90; text-decoration:none; outline:0;}
a:hover {color:#ff0; text-decoration:underline; outline:0;}

aside {background:#306; color:#9cf; background:linear-gradient(to bottom,#204,#608,#204);padding-right:8px;}

.header, .header:link, .header:visited {padding:6px; color:#000; background:#fc0; text-align:center; text-decoration:none; border-radius:12px;}
.footer {padding:0px; text-decoration:none; line-height:27px; color:#c9c; background:linear-gradient(to bottom,#204,#508); border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
a.footer:link, a.footer:visited, a.footer:hover {color: #fc0; background: rgba(255, 0, 0, 0); text-decoration:none;}
.page {margin:auto; width:100%; display:block; margin:0px;}
.text {background:#204; color:#fff; padding:9px; line-height:25px; min-width:250px;}
a.text:link {color: #fc0; text-decoration:underline; padding:2px;}
a.text:visited {color:#f90; text-decoration:none; padding:2px;}
a.text:hover {color: #ff0; text-decoration:underline; padding:2px;}

.line1bg {line-height:30px; color:#fff; background:#606; padding:4px; background:linear-gradient(to bottom,#90c,#306); border-top-left-radius:10px; border-top-right-radius:10px;}
.line1,.line1:visited,.line1:link {text-decoration:none; color:#fff;}
.line1high,.line1high:link,.line1high:visited {text-decoration:none; color:#000; background:#fc0; background:linear-gradient(to bottom right,#ff0,#fb0); border-radius:8px; order-top-right-radius:10px;}
.line1:hover {text-decoration:underline;}
.line1b {animation:blink-animation 1s infinite;}
@keyframes blink-animation { to {visibility: hidden; color:#fff; background:#c00;}}

.line2bg {line-height:30px; color:#fff; background:#306;}
.line2,.line2:visited,.line2:link {text-decoration:none; color:#fff;}
.line2high,.line2high:link,.line2high:visited {text-decoration:none; color:#000; background:#fc0; margin:2px; padding:1px; background:linear-gradient(to bottom right,#ff0,#fb0); border-top-left-radius:10px; border-bottom-right-radius:10px;}
.line2:hover {text-decoration:underline;}

.line3bg {padding:0px; line-height:30px; color:#fff; background:#003; background:linear-gradient(to bottom,#306,#204);}
.line3, .line3:visited, .line3:link, .line3:hover {color:#fff; text-decoration:none;}
.line3high,.line3high:link,.line3high:visited {text-decoration:none; color:#000; background:#fc0; padding:1px; background:linear-gradient(to bottom right,#ff0,#fb0);border-radius:5px; }
.line3:hover {text-decoration:underline;}

.line4bg {padding:0px; line-height:30px; color:#fff; background:#003; background:linear-gradient(to bottom,#006,#000);}
.line4, .line4:visited, .line4:link, .line4:hover {color:#fff; text-decoration:none;}
.line4high,.line4high:link,.line4high:visited {text-decoration:none; color:#000; background:#fc0; padding:1px; background:linear-gradient(to bottom right,#ff0,#fb0);border-radius:5px; }
.line4:hover {text-decoration:underline;}

.mono,code,kbd,pre,samp {background:#fff;color:#00c;}

.zls {color:#000; background:#ff6; padding-bottom:2px; padding-top:2px;}


html {
  --scrollbarBG: #006;
  --thumbBG: #fc0;
}
body::-webkit-scrollbar {
  width: 16px;
}
body {
  scrollbar-width: thin;
  scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}
body::-webkit-scrollbar-track {
  background: var(--scrollbarBG);
}
body::-webkit-scrollbar-thumb {
  background-color: var(--thumbBG) ;
  border-radius: 8px;
  border: 3px solid var(--scrollbarBG);
}
.scrollable-element {
  scrollbar-color: blue yellow;
}