/* menu blue yellow */
body {margin:auto; background:#003; color:#ccc; font-family:sans-serif;}

a:link {color:#d00; text-decoration:underline; outline:0;}
a:visited {color:#039; text-decoration:none; outline:0;}
a:hover {color:#06c; text-decoration:underline; outline:0;}

.page {max-width:960px; display:block; margin-left:auto; margin-right:auto;}
.text {background:#fff; color:#000; padding:5px; line-height:25px; min-width:250px;}
.text2 {background:#fc0; color:#000; padding:0px; line-height:25px; min-width:250px;}
a.text:link {color:#c00; text-decoration:underline; padding:2px;}
a.text:visited {color:#08c; text-decoration:none; padding:2px;}
a.text:hover {color:#009; text-decoration:underline; padding:2px;}

hgroup {text-align:right; padding-right:16px; border-right:10px solid #00c8d7;}
hgroup h1 {margin-bottom: 0;}
hgroup p {margin: 0; font-weight: bold;}

.header, .header:link, .header:visited {margin:0px; padding:0px; text-align:center; text-decoration:none; border-radius:30px; color:#000; background:#fc0; background:linear-gradient(to bottom right,#ff0,#fa0); filter: drop-shadow(4px 4px 4px #999);}
.footer {padding:0px; text-decoration:none; color:#fff;  background:#016;}
a.footer:link, a.footer:visited, a.footer:hover {color:#fe0; text-decoration:none;}

.line1bg {padding:5px; color:#fff; background-image:-webkit-linear-gradient(top, #0033aa 0%, #002266 44%, #001133 49%, #001166 100%);}
.line1,.line1:visited,.line1:link {text-decoration:none; color:#fff;}
.line1high,.line1high:link,.line1high:visited {padding:2px; padding-left:9px; padding-right:9px; text-decoration:none; color:#000; background:#fc0; background:linear-gradient(to bottom right,#ff0,#fb0); border-radius:12px; font:20px sans-serif; font-weight:bold;}
.line1right,.line1right:link,.line1right:visited {float:right; text-decoration:none; font:16px sans-serif;}
.line1:hover {text-decoration:underline;}

.line2bg {padding:5px; color:#fff; background:#016}
.line2,.line2:visited,.line2:link {color:#fff; text-decoration:none; padding:2px; padding-left:5px; padding-right:5px;}
.line2high,.line2high:link,.line2high:visited {text-decoration:none; padding:2px; padding-left:5px; padding-right:5px; color:#000; background:linear-gradient(to bottom right,#ff0,#fb0); border-top-left-radius:10px; border-bottom-right-radius:10px;}
.line2:hover {text-decoration:none; padding:2px; padding-left:5px; padding-right:5px; color:#000; background:linear-gradient(to bottom right,#ff0,#fb0); border-top-left-radius:10px; border-bottom-right-radius:10px;}

.line3bg {padding:5px; color:#fff; background:#06f;}
.line3, .line3:visited, .line3:link, .line3:hover {color:#fff; text-decoration:none; padding:2px; padding-left:5px; padding-right:5px;}
.line3high,.line3high:link,.line3high:visited {text-decoration:none; padding:2px; padding-left:5px; padding-right:5px; color:#000; background:linear-gradient(to bottom right,#ff0,#fb0); border-top-left-radius:8px; border-bottom-right-radius:8px;}
.line3:hover {text-decoration:none; color:#000; padding:2px; padding-left:5px; padding-right:5px; background:linear-gradient(to bottom right,#ff0,#fb0); border-top-left-radius:8px; border-bottom-right-radius:8px;}

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

.mono,code,kbd,pre,samp {background:#000;color:#fc0;}
.zls {color:#000; background:#ff6; padding-bottom:2px; padding-top:2px;}

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

.img250s {width:100%; min-width:150px; max-width:250px; border:1px; padding:0px; background:#fff; filter: drop-shadow(4px 4px 4px #999); border-radius:9px;}
.img500s {width:100%; min-width:150px; max-width:500px; border:1px; padding:0px; background:#fff; filter: drop-shadow(4px 4px 4px #999); border-radius:15px;}