@font-face {
  font-family: "Jacquard24-Regular";
  src: url("/fonts/Jacquard24-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "Jacquard12-Regular";
  src: url("/fonts/Jacquard12-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "IMFellEnglish-Regular";
  src: url("/fonts/IMFellEnglish-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "MedievalSharp-Regular";
  src: url("/fonts/MedievalSharp-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "Macondo-Regular";
  src: url("/fonts/Macondo-Regular.ttf") format("truetype");
}

/* thin scrollbar, styled to match paper */
body.microblog .mb-scroll::-webkit-scrollbar {
  width: 8px;              /* thinner scrollbar */
}

body.microblog .mb-scroll::-webkit-scrollbar-track {
  background: transparent; /* let paper show through */
  margin: 4px 0;           /* little space top/bottom */
}

body.microblog .mb-scroll::-webkit-scrollbar-thumb {
  background-color: #8a8078; /* warm gray-brown to match paper */
  border-radius: 6px;
  border: 2px solid transparent; /* creates padding effect */
  background-clip: content-box;
}

body.microblog .mb-scroll::-webkit-scrollbar-thumb:hover {
  background-color: #6f675f; /* darker on hover */
}

/* Firefox support */
body.microblog .mb-scroll {
  scrollbar-width: thin;              /* slim bar */
  scrollbar-color: #8a8078 transparent;
    scroll-behavior: smooth;
}

html, body { height: 100%; margin: 0; }


body.microblog {
  /* viewport-safe units, with fallbacks */
  min-height: 100dvh;          /* modern */
  min-height: 100svh;          /* iOS safe */
  min-height: 100vh;           /* fallback */
  cursor: url(images/orsoncursor.png), auto;
  
  background:
    url("images/microblog-entries/welcome_animation3.webp") no-repeat 10px 150px / 140px auto fixed, url("images/microblog-entries/Cherub_Stone.webp") no-repeat 67px 10px / 350px auto fixed, url("images/microblog-entries/Godzilla_Flying.webp") no-repeat center var(--godfly-top, 100%) / var(--godfly-width, 1300px) auto fixed,
    url("images/microblog-entries/BGWBGCB.gif") repeat center top;

  background-color: #ffffff;
  display: flex;               /* allow centering if needed */
}

/* Column container that fills the page height */
body.microblog .content {
  block-size: 100%;            
  min-height: 100%;
  width: 500px;                 /* force the column to always be 700px wide */
  margin: 0 auto;
  background:
  url("images/microblog-entries/paper2.png") no-repeat center 20px / 300px auto,
  url("images/microblog-entries/nogods.gif") no-repeat center 550px / 300px auto,
  url("images/microblog-entries/Microblog_column-01.png") repeat-y center top / 75% auto; /* bottom layer */
  display: flex;
  flex-direction: column;
  align-items: center;          /* center children horizontally inside column */
  padding: 0 20px;
}

/* Scrollable text box inside the fixed-height column */
body.microblog .mb-scroll {
  width: 225px;                 /* independent box width */
  height: 345px;
  margin-top: 85px;             /* space from top */
  overflow: auto;
  padding: 20px;

}

body.microblog details {
  margin-left: -20px;
}

body.microblog li {
  margin-left: 25px;
  line-height: 1.3;
}

body.microblog .fb2-header {
  font-family: "Jacquard24-Regular", serif;
  color: #c1372a;
  font-size: 90px;
}
body.microblog .fb2-header .fb2-rest {
  color: #322117;
  font-size: 60px;
}

body.microblog .fb2-date {
  font-family: "Jacquard12-Regular", serif;
  color: #413128;
  text-align: center;
  font-size: 30px;
}

body.microblog .fb2-toc {
  font-family: "Jacquard12-Regular", serif;
  color: #413128;
  text-align: center;
  font-size: 30px;
  text-decoration: underline;
}

body.microblog .fb2-tocSM {
  font-family: "Jacquard12-Regular", serif;
  color: #413128;
  text-align: center;
  font-size: 30px;
  text-decoration: none;
}

body.microblog .fb2-tocSM a {
  font-family: "Jacquard12-Regular", serif;
  color: #413128;
  text-align: center;
  font-size: 30px;
  text-decoration: none;
}

body.microblog .fb2-tocSM a:hover {
  font-family: "Jacquard12-Regular", serif;
  color: #413128;
  text-align: center;
  font-size: 30px;
  text-decoration: underline;
}

body.microblog .mb-toc {
  font-family: "Macondo-Regular", serif;
  color: #322117;
  font-size: 22px;
}

body.microblog .mb-toc a:hover {
  font-family: "Macondo-Regular", serif;
  color: #322117;
  font-size: 22px;
  text-decoration: underline;
}

body.microblog .mb-toc a {
  font-family: "Macondo-Regular", serif;
  color: #322117;
  font-size: 22px;
  text-decoration: none;
}

body.microblog .fb2-body {
  font-family: "Macondo-Regular", serif;
  color: #322117;
  font-size: 22px;
}

body.microblog .fb2-body a {
  font-family: "Macondo-Regular", serif;
  color: #322117;
  font-size: 22px;
}

body.microblog .fb2-rest a {
  color: #322117;        /* pick your color */
  text-decoration: none; /* remove underline if you don’t want it */
}

body.microblog .fb2-rest a:hover {
  color: #322117;        /* hover color */
  text-decoration: underline; /* optional */
}

body.microblog .fb2-toc a {
  font-family: "Jacquard12-Regular", serif;
  color: #413128;
  font-size: 30px;
  text-decoration: underline;
}

body.microblog .fb2-toc a:hover {
  font-family: "Jacquard12-Regular", serif;
  color: #413128;
  font-size: 30px;
  text-decoration: underline;
}

/* OPTIONAL: bump image sizes ONLY on main page, keep widget as-is */
body.microblog img {
  display: block;
  margin: 12px auto;
  height: auto !important;
}

body.microblog img[style*="width:100px"] { width: 150px !important; } /* 1.5x */
body.microblog img[style*="width:65px"]  { width:  98px !important; } /* 1.5x */

.microblog hr.entry-divider {
  border: 0;
  height: 3px;
  background: linear-gradient(to right, transparent, #322117, transparent);
  margin: 30px 0;
}

a {
  cursor: url(images/orsoncursor2.png), auto;
                                            
}

a img {
  cursor: url(images/orsoncursor2.png), auto;
}