/* Doxbin-inspired smooth dark theme */
:root{
  --bg:#0f1113;
  --panel:#101214;
  --muted:#9fbf9f;
  --accent:#7fe27f;
  --link:#7fe27f;
  --text:#dbeeda;
  --maxwidth:1000px;
  --mono: ui-monospace, SFMono-Regular, Menlo, Monaco, "Roboto Mono", "Courier New", monospace;
}

/* Base reset */
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family: Georgia, "Times New Roman", serif;
  background:var(--bg);
  color:var(--text);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  line-height:1.45;
  padding:24px;
}

/* container for nicer reading */
.container{
  max-width:var(--maxwidth);
  margin:0 auto;
  background:transparent;
  padding:0 16px;
}

/* Headers */
h1,h2,h3{color:var(--text); font-family:var(--mono);}
h1{font-size:2.2rem; margin:1rem 0}
h2{font-size:1.5rem; margin:0.9rem 0}

/* Links and icons */
a{color:var(--link); text-decoration:underline; font-weight:600}
a:hover{opacity:0.85}

/* make lists readable */
ul,ol{padding-left:1.2rem}

/* Footer and small text */
small,footer{color:var(--muted)}

/* Responsive images and iframes */
img,iframe,video{max-width:100%; height:auto; display:block}

/* Buttons / badges */
.badge{display:inline-block; border:1px solid rgba(127,226,127,0.18); padding:6px 10px; border-radius:6px; font-family:var(--mono); color:var(--accent); background:rgba(127,226,127,0.02)}

/* Make code blocks look typewriter-ish */
code, pre{font-family:var(--mono); background:#0b0c0d; color:var(--accent); padding:0.1rem 0.3rem; border-radius:4px; font-size:0.95rem}

/* Improve layout on larger screens */
@media (min-width:900px){
  body{padding:40px}
  .container{padding:0 24px}
}

/* Small screens adjustments */
@media (max-width:420px){
  body{padding:12px}
  h1{font-size:1.6rem}
}