/* Ruri Hoshino — space lavender, cherry blossom pink and midnight indigo */
:root {
  --page: #B5A7D7;
  --panel: #E9DDF0;
  --panel-light: #F8F1FA;
  --aqua: #C992D4;
  --aqua-deep: #9A77C2;
  --ink: #423B66;
  --violet: #E8B9DB;
  --line: #D5B9E4;
  --night: #39315F;
  --petal: #E8B9DB;
}
* {box-sizing:border-box;}
body {background:var(--page);font:normal 14px/20px arial,tahoma,verdana;color:var(--ink);margin:0;text-align:left;}
td,tr {font:normal 12px/18px arial,tahoma,verdana;background:transparent;}
b,strong {color:#61538C;}
i,em {color:#9A77C2;font-family:georgia,'times new roman';}
u {text-decoration:none;border-bottom:2px solid var(--aqua);}
input,textarea,option,select {font:12px/14px arial,tahoma,verdana;background:var(--panel-light);border:1px solid var(--aqua-deep);color:var(--ink);padding:5px;}
blockquote {display:block;background:var(--panel-light);border:1px solid var(--line);color:var(--ink);margin:10px 20px;padding:10px 15px;max-width:430px;}
#content img {margin:1px;border:6px solid var(--panel);max-width:calc(100% - 14px);height:auto;}
.alignright {float:right;padding:5px;}.alignleft {float:left;padding:5px;}
h1 {font:italic 30px 'century gothic','trebuchet ms',tahoma,verdana;text-align:right;color:#61538C;padding:1px 0 4px 5px;margin:1px 0 12px -2px;letter-spacing:-2px;text-transform:lowercase;}
h2 {font:normal 14px/20px 'century gothic','trebuchet ms',tahoma,verdana;text-align:left;color:#61538C;border-left:30px solid var(--aqua);padding:0 0 1px 5px;margin:18px 0 8px;letter-spacing:2px;text-transform:uppercase;}
/* 800px image + 7px framing on each side = 814px total */
#container {width:814px;max-width:calc(100% - 40px);margin:25px auto 35px;padding:0;background:var(--panel);}
#header {width:100%;border:7px solid var(--panel);outline:none;background:var(--panel);margin:0 0 16px;padding:0;}
#header img {display:block;width:100%;height:auto;aspect-ratio:2 / 1;object-fit:cover;border:0;outline:0;margin:0;padding:0;}
#nav {position:relative;top:auto;left:auto;width:100%;margin:0 0 22px;padding:5px 18px;background:transparent;}
#nav ul {display:flex;flex-wrap:wrap;gap:5px;list-style:none;margin:0;padding:0;}
#nav li {flex:1 1 auto;}
#nav a:link,#nav a:visited {font:normal 11px georgia,'times new roman';color:var(--panel-light);background:var(--night);display:block;padding:8px 5px;letter-spacing:1px;text-align:center;text-decoration:none;text-transform:uppercase;border:1px solid var(--aqua-deep);}
#nav a:hover,#nav a:focus-visible {text-decoration:underline;background:#70569B;color:#FFFFFF;}
#content {padding:0 18px;text-align:left;background:transparent;}
#footer {margin:24px 18px 0;padding:10px 5px;text-align:center;border-top:1px solid var(--line);font:normal 12px/14px arial,tahoma;}
a:link,a:active,a:visited {color:#70569B;text-decoration:underline;}
a:hover {color:#61538C;border-bottom:1px dashed var(--aqua-deep);}