diff --git a/hugo.toml b/hugo.toml
index 5b299a5..8e94ca5 100644
--- a/hugo.toml
+++ b/hugo.toml
@@ -2,12 +2,20 @@ baseURL = 'https://baseddate.io/'
 languageCode = 'en-gb'
 title = 'baseddata.io'
 
-[markup]
-  [highlight]
-  noClasses=false
+[markup.highlight]
+    pygmentsUseClasses = false
+    codeFences = true
+    guessSyntax = true
+    hl_Lines = ""
+    lineNoStart = 1
+    lineNos = false
+    lineNumbersInTable = false
+    tabWidth = 4
+    noClasses = true
+    style = "catppuccin-latte"
 
-  [markup.tableOfContents]
-    endLevel = 2
-    ordered = false
-    startLevel = 2
+[markup.tableOfContents]
+  endLevel = 2
+  ordered = false
+  startLevel = 2
 
diff --git a/static/css/syntax.css b/static/css/syntax.css
deleted file mode 100644
index bcd8e7f..0000000
--- a/static/css/syntax.css
+++ /dev/null
@@ -1,371 +0,0 @@
-/* Background */
-.bg {
-  color: #e6edf3;
-  background-color: #1b1d1e;
-}
-/* PreWrapper */
-.chroma {
-  color: #e6edf3;
-  background-color: #1b1d1e;
-}
-/* Other */
-.chroma .x {
-}
-/* Error */
-.chroma .err {
-  color: #f85149;
-}
-/* CodeLine */
-.chroma .cl {
-}
-/* LineLink */
-.chroma .lnlinks {
-  outline: none;
-  text-decoration: none;
-  color: inherit;
-}
-/* LineTableTD */
-.chroma .lntd {
-  vertical-align: top;
-  padding: 0;
-  margin: 0;
-  border: 0;
-}
-/* LineTable */
-.chroma .lntable {
-  border-spacing: 0;
-  padding: 0;
-  margin: 0;
-  border: 0;
-}
-/* LineHighlight */
-.chroma .hl {
-  color: #6e7681;
-}
-/* LineNumbersTable */
-.chroma .lnt {
-  white-space: pre;
-  -webkit-user-select: none;
-  user-select: none;
-  margin-right: 0.4em;
-  padding: 0 0.4em 0 0.4em;
-  color: #737679;
-}
-/* LineNumbers */
-.chroma .ln {
-  white-space: pre;
-  -webkit-user-select: none;
-  user-select: none;
-  margin-right: 0.4em;
-  padding: 0 0.4em 0 0.4em;
-  color: #6e7681;
-}
-/* Line */
-.chroma .line {
-  display: flex;
-}
-/* Keyword */
-.chroma .k {
-  color: #ff7b72;
-}
-/* KeywordConstant */
-.chroma .kc {
-  color: #79c0ff;
-}
-/* KeywordDeclaration */
-.chroma .kd {
-  color: #ff7b72;
-}
-/* KeywordNamespace */
-.chroma .kn {
-  color: #ff7b72;
-}
-/* KeywordPseudo */
-.chroma .kp {
-  color: #79c0ff;
-}
-/* KeywordReserved */
-.chroma .kr {
-  color: #ff7b72;
-}
-/* KeywordType */
-.chroma .kt {
-  color: #ff7b72;
-}
-/* Name */
-.chroma .n {
-}
-/* NameAttribute */
-.chroma .na {
-}
-/* NameBuiltin */
-.chroma .nb {
-}
-/* NameBuiltinPseudo */
-.chroma .bp {
-}
-/* NameClass */
-.chroma .nc {
-  color: #f0883e;
-  font-weight: bold;
-}
-/* NameConstant */
-.chroma .no {
-  color: #79c0ff;
-  font-weight: bold;
-}
-/* NameDecorator */
-.chroma .nd {
-  color: #d2a8ff;
-  font-weight: bold;
-}
-/* NameEntity */
-.chroma .ni {
-  color: #ffa657;
-}
-/* NameException */
-.chroma .ne {
-  color: #f0883e;
-  font-weight: bold;
-}
-/* NameFunction */
-.chroma .nf {
-  color: #d2a8ff;
-  font-weight: bold;
-}
-/* NameFunctionMagic */
-.chroma .fm {
-}
-/* NameLabel */
-.chroma .nl {
-  color: #79c0ff;
-  font-weight: bold;
-}
-/* NameNamespace */
-.chroma .nn {
-  color: #ff7b72;
-}
-/* NameOther */
-.chroma .nx {
-}
-/* NameProperty */
-.chroma .py {
-  color: #79c0ff;
-}
-/* NameTag */
-.chroma .nt {
-  color: #7ee787;
-}
-/* NameVariable */
-.chroma .nv {
-  color: #79c0ff;
-}
-/* NameVariableClass */
-.chroma .vc {
-}
-/* NameVariableGlobal */
-.chroma .vg {
-}
-/* NameVariableInstance */
-.chroma .vi {
-}
-/* NameVariableMagic */
-.chroma .vm {
-}
-/* Literal */
-.chroma .l {
-  color: #a5d6ff;
-}
-/* LiteralDate */
-.chroma .ld {
-  color: #79c0ff;
-}
-/* LiteralString */
-.chroma .s {
-  color: #a5d6ff;
-}
-/* LiteralStringAffix */
-.chroma .sa {
-  color: #79c0ff;
-}
-/* LiteralStringBacktick */
-.chroma .sb {
-  color: #a5d6ff;
-}
-/* LiteralStringChar */
-.chroma .sc {
-  color: #a5d6ff;
-}
-/* LiteralStringDelimiter */
-.chroma .dl {
-  color: #79c0ff;
-}
-/* LiteralStringDoc */
-.chroma .sd {
-  color: #a5d6ff;
-}
-/* LiteralStringDouble */
-.chroma .s2 {
-  color: #a5d6ff;
-}
-/* LiteralStringEscape */
-.chroma .se {
-  color: #79c0ff;
-}
-/* LiteralStringHeredoc */
-.chroma .sh {
-  color: #79c0ff;
-}
-/* LiteralStringInterpol */
-.chroma .si {
-  color: #a5d6ff;
-}
-/* LiteralStringOther */
-.chroma .sx {
-  color: #a5d6ff;
-}
-/* LiteralStringRegex */
-.chroma .sr {
-  color: #79c0ff;
-}
-/* LiteralStringSingle */
-.chroma .s1 {
-  color: #a5d6ff;
-}
-/* LiteralStringSymbol */
-.chroma .ss {
-  color: #a5d6ff;
-}
-/* LiteralNumber */
-.chroma .m {
-  color: #a5d6ff;
-}
-/* LiteralNumberBin */
-.chroma .mb {
-  color: #a5d6ff;
-}
-/* LiteralNumberFloat */
-.chroma .mf {
-  color: #a5d6ff;
-}
-/* LiteralNumberHex */
-.chroma .mh {
-  color: #a5d6ff;
-}
-/* LiteralNumberInteger */
-.chroma .mi {
-  color: #a5d6ff;
-}
-/* LiteralNumberIntegerLong */
-.chroma .il {
-  color: #a5d6ff;
-}
-/* LiteralNumberOct */
-.chroma .mo {
-  color: #a5d6ff;
-}
-/* Operator */
-.chroma .o {
-  color: #ff7b72;
-  font-weight: bold;
-}
-/* OperatorWord */
-.chroma .ow {
-  color: #ff7b72;
-  font-weight: bold;
-}
-/* Punctuation */
-.chroma .p {
-}
-/* Comment */
-.chroma .c {
-  color: #8b949e;
-  font-style: italic;
-}
-/* CommentHashbang */
-.chroma .ch {
-  color: #8b949e;
-  font-style: italic;
-}
-/* CommentMultiline */
-.chroma .cm {
-  color: #8b949e;
-  font-style: italic;
-}
-/* CommentSingle */
-.chroma .c1 {
-  color: #8b949e;
-  font-style: italic;
-}
-/* CommentSpecial */
-.chroma .cs {
-  color: #8b949e;
-  font-weight: bold;
-  font-style: italic;
-}
-/* CommentPreproc */
-.chroma .cp {
-  color: #8b949e;
-  font-weight: bold;
-  font-style: italic;
-}
-/* CommentPreprocFile */
-.chroma .cpf {
-  color: #8b949e;
-  font-weight: bold;
-  font-style: italic;
-}
-/* Generic */
-.chroma .g {
-}
-/* GenericDeleted */
-.chroma .gd {
-  color: #ffa198;
-  background-color: #490202;
-}
-/* GenericEmph */
-.chroma .ge {
-  font-style: italic;
-}
-/* GenericError */
-.chroma .gr {
-  color: #ffa198;
-}
-/* GenericHeading */
-.chroma .gh {
-  color: #79c0ff;
-  font-weight: bold;
-}
-/* GenericInserted */
-.chroma .gi {
-  color: #56d364;
-  background-color: #0f5323;
-}
-/* GenericOutput */
-.chroma .go {
-  color: #8b949e;
-}
-/* GenericPrompt */
-.chroma .gp {
-  color: #8b949e;
-}
-/* GenericStrong */
-.chroma .gs {
-  font-weight: bold;
-}
-/* GenericSubheading */
-.chroma .gu {
-  color: #79c0ff;
-}
-/* GenericTraceback */
-.chroma .gt {
-  color: #ff7b72;
-}
-/* GenericUnderline */
-.chroma .gl {
-  text-decoration: underline;
-}
-/* TextWhitespace */
-.chroma .w {
-  color: #6e7681;
-}