body { 
   font-family: 'arial';
    font-size:0.7em;
    line-height:1.5;
  color: #535D70;
  margin: 0;
  background-size: cover;
    letter-spacing: 1.5px;
}
  
a { text-decoration:dotted; color:#0008A3;transition:0.3s ease-in-out;font-size:1.1em;}
.box a{ color:#0008A3;transition:0.3s ease-in-out;}
a:hover{ color: #0008A3;}
.titletext{color: #fff;
background: -webkit-linear-gradient(-90deg, #D64933 0%, #000 100%);
-webkit-background-clip: text;
-webkit-text-stroke: 4px transparent;
}

.head {background-image: url(https://hgari.neocities.org/images/assets/check.gif);width:90%;border-radius:5px; padding:1px; padding-left:20px;margin:5px auto; color:#535D70;font-size:10px;    -webkit-text-stroke: 5px white;  paint-order: stroke fill}
.title {text-transform:uppercase;color:#0008A3;background:#F0EAE1;font:12px ;letter-spacing:4px;padding:1px;padding-left:4px;margin-bottom:4px;border-left:4px solid #0008A3;}
.bigtitle {font:18px arial;text-transform:uppercase;text-align:left;border-bottom:1px solid #ccc;margin-bottom:8px;}
.credit {border-top:1px solid #ccc;padding-top:8px;text-align:center;}
#rightside img {width:80px;}      
  .navi {
  display:block;background:#F0EAE1;margin-bottom:1px;padding:4px;text-transform:lowercase;border-left:5px solid #0008A3;letter-spacing:2px;color:#0008A3;
}
.navi:hover {
    display:block;background:#E3DBCF;margin-bottom:1px;padding:4px;text-transform:lowercase;border-left:5px solid #0008A3;letter-spacing:2px;color:#0008A3;
}