:root { color-scheme: light dark; --lighter: color-mix(in srgb, currentColor 70%, transparent); --bg: color-mix(in srgb, currentColor 12%, transparent); }

body {
    --pagefind-ui-primary: #eeeeee;
    --pagefind-ui-text: #eeeeee;
    --pagefind-ui-background: #152028;
    --pagefind-ui-border: #ffffff;
    --pagefind-ui-tag: #152028;
}

body {
  color: #ecf0f1;
  background-color: #01242e;
}

a {
	color: #FFBE2E;
}

.menu {
    padding: 0;
	text-align: center;
}
.menu li {
    display: inline-block;
	text-align: center;
}

tonymenu.menu {text-align: center;}
tonymenu > ul.menu > li + li:before { content: " | "; }

.full-width {
  width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw; /* Pulls the left edge to the screen edge */
  
  /* Centering the image inside the figure */
  text-align: center;
 }
/* Ensure the image inside behaves like a block to obey the centering */
.full-width img {
  display: inline-block; 
}

body {
  overflow-x: hidden; /* Prevents unwanted horizontal layout shifting */
}

p strong, p b {
  color: #FFA061; /* Change to your desired color, e.g., red */
}

h2 {
	color: #f9e79f;
}

hr {
    border-style: dashed;
    color: #ddd;
}

iframe,
img,
video {
    max-width: 100%;
	display: block;
    margin-right: auto;
    margin-left: auto; 
}

* { box-sizing: border-box; }
body { max-width: 60em; margin: auto; padding: 0.5em 1em 1em 1em; font-family: sans-serif; line-height: 1.5; }
td, h1, h2, h3, h4, h5 { line-height: 1.2; }
pre { overflow: auto; }
img { display: block; max-width: 100%; }
img + em { font-size: 85%; }
ul, ol { padding-left: 1.5em; }
ul.posts { padding-left: 0em; list-style-type: none; display: table }
ul.posts li { display: table-row; }
ul.posts li time { padding-right: 1em; white-space: nowrap; }
ul.posts li time, ul.posts li a { display: table-cell; padding-bottom: 0.5em; }
li { margin-bottom: 0.5em; }
header { border-bottom: thin solid; }
footer { border-top: thin solid; }
.bottom {
    text-align: center;
}
pre { border: thin solid; border-radius: 0.5em; padding: 0.5em; line-height: 1.2; }
pre, code:not(pre code) { background: var(--bg); border-radius: 0.5em; }

table, th, tr, td { border-collapse: collapse; border: solid 1px; }
th, td { padding: 0.25em; }
th { background: var(--bg); }
tr:nth-child(even) { background: color-mix(in srgb, currentColor 8%, transparent); }

/* Syntax highlighting */
.hl-comment { font-style: italic; color: var(--lighter); }

.hl-preprocessor { font-weight: bold; font-style: italic; }

.hl-tag,
.hl-function,
.hl-heading,
.hl-label { font-weight: bold; }

.hl-reference,
.hl-variable,
.hl-code,
.hl-embedded,
.hl-identifier { font-weight: normal; }

.hl-operator { font-weight: lighter; color: var(--lighter); }

.hl-annotation,
.hl-class,
.hl-type,
.hl-keyword { font-weight: bolder; }

.hl-attribute,
.hl-constant { font-weight: normal; }

.hl-bold,
.hl-italic,
.hl-number,
.hl-underline,
.hl-string { font-style: italic; }

.hl-link,
.hl-list,
.hl-error,
.hl-regex { font-style: italic; text-decoration: underline; }