.pumpkin-icon {
  display: inline-block;
  font-size: 1.2rem;
  margin-right: 6px;
}

h1, h2, p, h3, .intro h3, h6, .intro h6, a, td, th {
  font-family: 'Comic Relief', cursive;
}

h1 {
  color: #FF7518;
}

.highlight {
  color: #F28C28;
}

p, h2, h3, a, td, th {
  color: #641602;
}

h6 {
  color: #Fc6a03;
  font-size: 16px;
  margin: 8px 0 0 0;
  letter-spacing: 1px;
  text-shadow: 1px 1px 0 #4a2a0a;
}

.daily-blog h2,
.daily-blog h3,
.daily-blog p,
.daily-blog h4,
.daily-blog h5,
.daily-blog h6,
.daily-blog a,
.daily-blog dt,
.daily-blog dd,
.daily-blog th,
.daily-blog tf,
.daily-blog lh,
.daily-blog li,
.daily-blog dl,
.daily-blog ul,
.daily-blog ol {
  color: #FFD580;
}

.update-log h2,
.update-log h3,
.update-log p,
.update-log h4,
.update-log h5,
.update-log h6,
.update-log a,
.update-log dt,
.update-log dd,
.update-log th,
.update-log tf,
.update-log lh,
.update-log li,
.update-log dl,
.update-log ul,
.update-log ol {
  color: #FF7518;
  -webkit-text-stroke: 1px #470C00;
}

.inner p,
.inner h2,
.inner h3,
.inner a,
.inner th,
.inner lh,
.inner li,
.inner dl,
.inner ul,
.inner ol,
.inner dt,
.inner dd {
  color: #FFDEAD;
}

.inner li::marker {
  color: #FFDEAD;
}

.intro h6,
.intro h5,
a {
  color: #Fc6A03 !important;
  text-decoration: none;
  font-weight: bold;
  transition: all 0.2s ease;
  display: inline-block;
}

a:hover,
h3:hover,
h5:hover,
h6:hover {
  color: #FFD700 !important;
  text-shadow: 0 0 6px #ffaa00;
  transform: scale(1.05);
}

li::marker {
  color: #Fc6A03;
}

/* ===== SELECTION ===== */
::selection {
  background: #CC5500;
  color: #FFA500;
  cursor: url('https://i.postimg.cc/hGgNjc1K/game-terraria-pumpking-and-the-horsemans-blade-pack-1.jpg') 32 32, auto;
}

/* ===== BODY ===== */
body {
  background-image: url('Backgrounds/body.webp');
  background-color: #F28C28;
  background-attachment: fixed;
  background-size: cover;
  overflow: auto;
}

/* ===== CONTAINER ===== */
.container {
  width: 90%;
  max-width: 884px;
  margin: auto;
  border-width: 7px;
  border-style: solid;
  border-image: url("Backgrounds/container.webp") 9 fill stretch;
  padding: 5px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  clip-path: inset(0 round 25px);
}

.pfp {
  width: 135px;
  height: 135px;
  background-image: url("Backgrounds/pfp.webp");
  background-size: cover;
  position: relative;
  clip-path: inset(0 round 15px);
  border-width: 5px;
  border-style: outset;
  border-color: orange;
  border-radius: 15px;
  overflow: hidden;
  display: flex;
}

.update-log {
  width: 38%;
  position: relative;
  background-image: url("Backgrounds/update-log.webp");
  background-size: cover;
  min-height: 100px;
  display: flex;
  align-items: stretch;
  border-radius: 15px;
  border-width: 5px;
  overflow: hidden;
  flex-basis: auto;
  padding: 10px;
  flex-direction: row;
  text-align: left;
  word-break: break-word;
  max-height: 600px;
  overflow-y: auto;
  overflow-x: hidden;
}

/* ===== SCROLLBAR STYLING (WebKit) ===== */
.update-log::-webkit-scrollbar {
  width: 14px;
  height: 14px;
}

.update-log::-webkit-scrollbar-corner {
  background: #FFD580;
}

.update-log::-webkit-scrollbar-track:vertical {
  background: linear-gradient(90deg, #FFDEAD, #FFD580 20%);
  border-radius: 5px;
}

.update-log::-webkit-scrollbar-thumb {
  border: 1.5px solid #888;
  border-radius: 5px;
  box-shadow: inset 0 -1px 1px #ff8249, inset 0 1px 1px #ff8249;
}

.update-log::-webkit-scrollbar-thumb:vertical {
  background: linear-gradient(90deg, #ff8249 45%, #FF7518 0, #FF5F15);
}

.update-log::-webkit-scrollbar-thumb:horizontal {
  background: linear-gradient(180deg, #ff8249 45%, #FF7518 0, #FF5F15);
}

.daily-blog {
  width: 55%;
  background-image: url("Backgrounds/daily-blog.webp");
  background-size: cover;
  background-repeat: repeat;
  position: relative;
  min-height: 100px;
  clip-path: inset(0 round 15px);
  border-width: 5px;
  overflow: hidden;
  display: flex;
  padding: 10px;
  flex-direction: row;
  text-align: left;
  justify-content: flex-start;
}

.container-one {
  width: 97%;
  left: 0;
  border-width: 5px;
  border-style: outset;
  border-color: orange;
  background-image: url('Backgrounds/container-one.webp');
  background-repeat: repeat;
  background-size: cover;
  height: auto;
  min-height: 100px;
  box-shadow: 0 0 8px 8px white inset;
  z-index: 5;
  border-radius: 15px;
  overflow: hidden;
  display: flex;
  align-items: center;
  padding: 10px;
}

#name {
  font-family: 'Comic Relief';
  width: 100%;
}

#name h1 {
  font-size: clamp(1.2rem, 8vw, 3rem);
  -webkit-text-stroke: 1px #470C00;
  margin: 0;
  padding: 10px;
  text-align: center;
}

@media (min-width: 600px) {
  #name h1 {
    text-align: left;
    padding-left: 20px;
  }
}

.bg,
.inner {
  box-sizing: border-box;
}

.bg {
  background: #FE82B624;
  background-image: url(Backgrounds/bg.webp);
  background-repeat: repeat;
  background-size: cover;
  padding: 12px;
  width: 100%;
  border-radius: 18px;
  border: 3px #8B4000;
}

.inner {
  -webkit-text-stroke: 0.8px #470C00;
  height: auto;
  min-height: 150px;
  overflow-y: auto;
  border-radius: 12px;
}

.intro {
  background-image: url(Backgrounds/intro2.webp);
  font-family: 'Comic Relief';
  border-radius: 20px;
  color: white;
  background-size: cover;
  -webkit-text-stroke: 1px black;
  text-align: center;
  font-size: 1.5em;
  margin-bottom: 5px;
  padding: 8px 12px;
  border-radius: 12px;
  box-shadow: inset 0 0 4px #ffb347, 0 2px 6px rgba(0, 0, 0, 0.3);
}

a {
  text-decoration: none;
}