/* GEOCITIES / Edition 01
   Separate stylesheet. No changes to the original site's css/site.css.
   Everything here is local and deliberately HTML-era in appearance. */
:root {
 --navy:#090b47; --panel:#fff9dc; --ink:#201b44;
 --a:#0000cc; --hot:#cc146a; --yellow:#ffe673; --cyan:#58ffdc; --edge:#7291df;
}
html { scroll-behavior:auto; }
body {
 background:#040a32 url('../assets/geocities/night-sky.png') repeat;
 color:#f5f4ff;
 font:14px/1.5 Verdana,Arial,Helvetica,sans-serif;
}
.wrap {width:min(1120px,calc(100% - 18px));margin:12px auto 32px;}
.site-header {border:4px ridge #93c4fd;background:#101b76;box-shadow:5px 5px 0 #01021b;}
.header-main {
 min-height:145px;
 padding:29px 18px 18px;
 background:linear-gradient(180deg,#0b197a 0%,#1a2cba 46%,#12104f 100%);
 border:2px solid #314fc8;
 overflow:hidden;
}
.header-main::before{
 display:block;content:'';height:7px;width:100%;position:absolute;top:0;left:0;
 background:repeating-linear-gradient(90deg,#11d9c5 0 18px,#ffdf58 18px 31px,#e55da9 31px 43px,#376def 43px 60px);
}
.site-title {
 font:bold clamp(29px,5.3vw,61px)/1.15 Georgia,'Times New Roman',serif;
 letter-spacing:-1.4px;color:#ffeb79;
 text-shadow:2px 2px #c32c88,4px 4px #000b3d;
 margin:3px 0 9px;
}
.header-art {top:37px;width:74px;height:74px;transform:none;}
.header-art.right {transform:none;}
.primary-nav{
 display:flex;align-items:stretch;flex-wrap:wrap;gap:5px;
 padding:10px 9px;background:#c3cee8;border-top:3px solid #f6fbff;
}
.nav-btn {
 flex:0 1 auto;
 color:#071d72!important;background:#e5e9f2;
 border:3px outset #fff;box-shadow:1px 1px 0 #657392;
 font:700 12px 'Courier New',monospace;letter-spacing:0;
 padding:8px 12px;min-width:94px;
}
.nav-btn:hover,.nav-btn[aria-current='page']{background:#ffe775;color:#63036e!important;border-color:#fff7ba;}
.columns {grid-template-columns:195px minmax(0,1fr) 195px;gap:12px;margin-top:14px;}
.widget,.content-panel {box-shadow:4px 4px #030622;}
.widget {
 border:3px ridge #5b79c7;
 background:#f6f3e8;color:#1f2255;
 margin-bottom:12px;
}
.widget h2,.widget h3{
 background:#152783 url('../assets/geocities/chrome-strip.png') repeat-y;
 border-bottom:3px solid #e1ccff;color:#ffffd0;
 font:bold 13px 'Courier New',monospace;letter-spacing:0;
 padding:8px;
}
.widget-inner{padding:10px;}
.side-links{list-style:square;padding-left:20px;}
.side-links li{padding:4px 0;}
a{color:#0000cc}a:visited{color:#6b2189}a:hover{background:#fff38a;color:#b0004d;}
.content-panel {
 background:#fff9dc;color:#1e214a;
 border:4px ridge #90a4e9;
}
.content-panel .panel-heading {
 background:#0b246e;
 color:#fff6b3;border-bottom:3px solid #51dfd5;
 font:700 14px/1.35 'Courier New',monospace;
 letter-spacing:0;
}
.panel-body{padding:15px;}
.section-title {font:bold 22px Georgia,serif;color:#620e80;}
.portrait {border:4px ridge #728cca;box-shadow:2px 2px #4a3769;}
.project-card,.desk-list>div,.project-wide {background:#fffdf3;border:2px outset #aabbd2;}
.project-card h3,.project-wide h3,.desk-list strong{color:#3a1881;}
.project-card .tag{color:#515576;}
.notice{border:2px dashed #6388c7;background:#fff4bd;color:#39276d;}
.old-divider{color:#6d51d4;letter-spacing:5px;}
.web-ring{background:#e3e6ff;border:2px inset #7489ca;}
.left-sticker{background:#fff19a;border:2px dotted #3e42a3;transform:none;color:#24265d;}
.retro-table th{background:#1c2e8f;}.retro-table td{background:#fff9df;}
.breadcrumb{color:#5555a0;}
.random-file-box,.secret-box{background:#11236e;border:3px inset #a0b4db;color:#fff9ba;}
.random-file-result a{color:#8fffff;}
.footer{background:#10184b;border:3px ridge #86aafa;margin-top:15px;color:#efffff;}
.footer a{color:#9efaff;}
.badge-grid{gap:6px;}
.version-bar{
 border:3px ridge #89b1fb;background:#09185c;color:#fffce4;
 font:12px/1.4 'Courier New',monospace;
 padding:8px 12px;margin:12px 0;display:flex;justify-content:space-between;
 flex-wrap:wrap;gap:8px;align-items:center;
}
.version-bar a{color:#8cffff;}
.geo-extras{text-align:center;padding:8px 5px 5px;}
.geo-extras img{image-rendering:pixelated;max-width:100%;}
.geo-extras p{margin:8px 0 0;}
.geo-extras .original-badge{width:88px;height:31px;}
.geo-note{border:2px ridge #8799df;background:#ebefff;color:#22234b;padding:10px;margin:12px 0;font-size:12px;}
.geo-note strong{color:#291374;}
@media(max-width:860px){.columns{grid-template-columns:180px minmax(0,1fr)}.sidebar-right{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sidebar-right .widget{margin:0}}
@media(max-width:600px){
 .wrap{width:calc(100% - 12px);margin:6px auto 14px}
 .site-title{font-size:clamp(26px,7.3vw,41px);letter-spacing:-.5px;}
 .header-main{min-height:115px;padding:25px 8px 16px}
 .header-art{display:none}
 .columns{display:flex;flex-direction:column;gap:10px}
 .main-column{order:0;width:100%}
 .sidebar-left{order:1;width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .sidebar-right{order:2;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
 .primary-nav{padding:6px;gap:4px}
 .nav-btn{flex:1 1 30%;min-width:0;padding:7px 4px;font-size:11px}
 .welcome-grid{grid-template-columns:100px minmax(0,1fr);gap:10px}
 .panel-body{padding:12px}
 .project-grid{grid-template-columns:1fr}
 .version-bar{font-size:11px}
}
@media(max-width:380px){.sidebar-left,.sidebar-right{grid-template-columns:1fr}.welcome-grid{grid-template-columns:1fr}.portrait{max-width:154px}}
@media(prefers-reduced-motion:reduce){.blink,.rainbow{animation:none!important}}