/* Retro Neocities-style CSS */
:root{
  --bg:#0a001a;
  --nav:#d400ff;
  --accent:#ff00ea;
  --panel:#1a002a;
  --text:#f8f6ff;
}
html,body{height:100%;}
body{
  background-color: var(--bg);
  font-family: 'Courier New', Courier, monospace;
  color:var(--text);
  margin:0;
}
#page{
  width:960px;
  margin:18px auto;
  background:linear-gradient(180deg, rgba(26,0,42,0.98), rgba(10,0,26,0.92));
  box-shadow:4px 4px 0 rgba(208,0,255,0.2);
  border:4px solid var(--nav);
  padding:12px;
}
#header{
  background: repeating-linear-gradient(45deg,#2a0042 0 4px, #1a002a 4px 8px);
  padding:8px;
  border:2px dashed var(--accent);
}
#header h1{
  margin:0;
  font-size:28px;
  color:var(--accent);
  text-shadow:
    0 0 8px #ff00ea,
    0 0 16px #d400ff;
}
.subtitle{font-size:12px;color:#b87fff;margin-top:4px}
#nav{float:left;width:160px;margin-top:12px}
#nav ul{list-style:none;padding:8px;border:2px solid var(--nav);background:#1a002a}
#nav a{color:var(--nav);text-decoration:none;font-weight:bold}
#content{margin-left:192px;padding:12px;min-height:240px}
#sidebar{float:right;width:160px;margin-top:12px}
#sidebar h3{margin-top:0;color:var(--accent);}
#footer{clear:both;border-top:2px solid var(--nav);margin-top:12px;padding-top:8px;text-align:center;color:var(--accent);}

/* Guestbook form */
#guestbook-form{background:var(--panel);padding:8px;border:2px solid #000;display:inline-block}
#guestbook-form input,#guestbook-form textarea{display:block;width:320px;margin-bottom:8px;border:1px solid #999;padding:4px}
#guestbook-form button{background:var(--accent);border:2px solid #000;padding:6px 10px}

/* Link styles */
a{color:var(--accent);}
a:hover{color:#fff;text-shadow:0 0 4px var(--accent);}

/* Small retro flourishes */
.marquee{overflow:hidden;white-space:nowrap}
.pixel-border{border:4px solid var(--nav);box-shadow:0 0 0 4px #1a002a inset}

/* Mobile adjustments */
@media (max-width:1000px){
  #page{width:92%}
  #nav,#sidebar{float:none;width:auto}
  #content{margin-left:0}
}