/* menu purple */
body {margin:auto; background:#ccc; color:#000; font-family:sans-serif;}
a:link {color:#62c; text-decoration:none; outline:0; padding:0px; text-align:center; margin-bottom:5px}
a:visited {color:#969; text-decoration:none; outline:0; padding:0px; text-align:center;}
a:hover {color:#c0f; ackground:#306; text-decoration:none; outline:0; padding:0px; text-align:center;}
.button {color:#fc0; background:#371e70; text-decoration:none; font-size: 16px; outline:0; border:solid; border-width:1px; border-radius:15px; padding:0px; padding-left:5px; padding-right:5px; text-align:center; margin-bottom:5px;display: inline-block;cursor: pointer;}

.page {max-width:960px; background:#fff; margin-left:auto; margin-right:auto;}
.text {background:#fff; color:#333; padding:5px; line-height:25px; min-width:250px;}

.header, .header:link, .header:visited {padding:5px; color:#638; background:#eef; border:solid; border-width:2px; border-radius:30px; margin-top:5px; text-align:center; text-decoration:none;}
.footer {padding:0px; text-decoration:none; color:#000; background:#f5f5f5; margin-bottom:0px;}
a.footer:link, a.footer:visited, a.footer:hover {color: #fc0; background:#371e70; text-decoration:none; border-radius:15px; padding:5px;}
a.text:link {color: #c00; text-decoration:underline; padding:2px;}
a.text:visited {color:#08c; text-decoration:none; padding:2px;}
a.text:hover {color: #309; text-decoration:underline; padding:2px;}

.line1bg {padding:3px; color:#fc0; ackground:#306; background:linear-gradient(to bottom,#680068,#306);}
.line1,.line1:visited,.line1:link {text-decoration:none; color:#fff; padding:0px; border-width:0px;}
.line1high,.line1high:link,.line1high:visited {text-decoration:none; color:#638; background:#eef; font-size:25px; padding-left:5px; padding-right:5px; border:solid #fc0; border-width:2px; border-radius:15px;}
.line1:hover {text-decoration:none; color:#638; background:#eef;}
.line1b {animation:blink-animation 1s infinite;}
@keyframes blink-animation { to {visibility: hidden; color:#fff; background:#c00;}}

.line2bg {padding:5px; color:#fc0; background:#306;}
.line2,.line2:visited,.line2:link {text-decoration:none; padding:2px; color:#fc0;}
.line2high,.line2high:link,.line2high:visited {text-decoration:none; margin:2px; padding:2px; color:#306; background:#fc0; ackground:linear-gradient(to bottom,#fd0,#fb0); border-radius:15px;}
.line2:hover {text-decoration:none; color:#638; background:#eef; border-radius:15px; padding:2px;}

.line3bg {line-height:30px; padding:4px; color:#000; background:#f5f5f5; border-bottom-style:solid; border-bottom-color:#ddd; border-bottom-width:2px;}
.line3,.line3:visited,.line3:link {text-decoration:none; color:#000; padding:2px;}
.line3high,.line3high:link,.line3high:visited {text-decoration:none; color:#306;  ackground:#fc0; border:solid #309; border-width:2px; ackground:linear-gradient(to bottom,#fd0,#fb0); border-radius:15px; }
.line3:hover {text-decoration:none; color:#fc0; background:#306; border-radius:15px; padding:2px;}

.line4bg {padding:0px; line-height:30px; color:#000; background:#fff;}
.line4, .line4:visited, .line4:link, .line4:hover {color:#c00; text-decoration:none;}
.line4high,.line4high:link,.line4high:visited {text-decoration:none; padding:1px; color:#fff; background:linear-gradient(to bottom,#f00,#900); border-radius:5px; }
.line4:hover {text-decoration:underline; border-radius:15px;}

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

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


html {
  --scrollbarBG: #606;
  --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: grey yellow;
}

.img250s {width:100%; min-width:150px; max-width:250px; border-radius:15px;}
.infoboxbar {float:left; width:245px; margin:25px; padding:5px; margin-top:3px; border:solid #06c; border-width:2px 2px 2px 8px; border-radius:5px; text-decoration:none;}
.infoboxbarlong {float:left; height:550px; width:245px; margin:25px; padding:5px; margin-top:3px; border:solid #06c; border-width:2px 2px 2px 8px; border-radius:5px; text-decoration:none;}
.infobox500p {background:#ccf; float:left; text-align:left; margin-left:25px; margin-right:25px; padding:5px; max-width:500px; border-radius:5px; text-decoration:none;}