/* custom.css - design inspired by user's image */
/* Fonts */
body { font-family: 'Noto Serif JP', Georgia, serif; }

/* Layout */
aside { background: #3b3a3b; border-right: 1px solid rgba(0,0,0,0.25); }
main { background: rgba(70,70,70,0.9); }

/* Sidebar styles similar to reference */
aside ul li{ line-height:1.9; }
aside img { opacity: 0.9; }

/* Make content text readable */
.prose { color: #f8fafc; }
.prose h1, .prose h2, .prose h3 { font-weight: 600; }

/* Responsive tweaks */
@media (max-width: 767px) {
  aside { display:none; }
  main { padding:1rem; }
}

/* Footer small */
footer { border-top: 1px solid rgba(255,255,255,0.03); }