Yes — if you want **one single WordPress Custom HTML block**, you need to keep the CSS inside `…`. Here is the corrected HTML-only block:
“`
/* =========================================================
PAGE
========================================================= */
html {
background-color: #050d1a !important;
overflow-y: auto !important;
overflow-x: hidden !important;
scrollbar-width: auto;
scrollbar-color: #39ff14 #ffffff;
}
body {
background-color: #050d1a !important;
color: #00f3ff !important;
font-family: “Courier New”, Courier, monospace !important;
margin: 0 !important;
padding: 40px !important;
min-height: 100vh;
overflow-y: auto !important;
overflow-x: hidden !important;
box-sizing: border-box;
}
/* =========================================================
TEXT
========================================================= */
h1 {
color: #39ff14 !important;
text-shadow:
0 0 10px #39ff14,
3px 3px #ff007f;
font-size: 2.5rem;
line-height: 1.2;
margin: 0 0 20px 0;
}
p {
color: #00f3ff !important;
font-size: 1.2rem;
line-height: 1.6;
max-width: 800px;
text-shadow: 0 0 5px rgba(0, 243, 255, 0.5);
}
/* =========================================================
CUSTOM SCROLLBAR
========================================================= */
::-webkit-scrollbar {
width: 20px;
height: 7px;
background-color: #ffffff;
}
::-webkit-scrollbar-button {
display: block;
}
::-webkit-scrollbar-button:vertical:start:increment,
::-webkit-scrollbar-button:vertical:end:decrement {
display: none;
}
::-webkit-scrollbar-button:end:increment {
background-image: url(“https://www.snazzyspace.com/images/arrowdown.png”);
background-repeat: no-repeat;
background-position: center;
-webkit-box-shadow: inset 0 0 16px rgba(214, 214, 214, 0.9);
}
::-webkit-scrollbar-button:start:decrement {
background-image: url(“https://www.snazzyspace.com/images/arrowup.png”);
background-repeat: no-repeat;
background-position: center;
-webkit-box-shadow: inset 0 0 16px rgba(214, 214, 214, 0.9);
}
::-webkit-scrollbar-thumb {
background-color: transparent;
background-image: url(“https://www.snazzyspace.com/defaultimages/afff3c_green-splat.gif”);
background-size: 400% auto;
background-repeat: repeat;
border: 0;
border-radius: 0;
}
::-webkit-scrollbar-track {
background-color: #ffffff;
background-image: url(“https://www.snazzyspace.com/images/track.png”);
background-repeat: repeat;
border-radius: 0;
}
/* =========================================================
OPTIONAL SCROLLBAR ELEMENT
========================================================= */
#scrollbardolliecrave {
width: 96px;
height: 20px;
position: fixed;
left: 0;
bottom: 0;
pointer-events: none;
}
/* =========================================================
MOBILE
========================================================= */
@media (max-width: 600px) {
body {
padding: 25px !important;
}
h1 {
font-size: 2rem;
}
p {
font-size: 1rem;
}
}
Â̴͇̯̓̔̏̓͗̎̾̕̚b̵̰͇͈͚̪̱͕̗̈̈̓̓̒͑ơ̸̢̹͇̼̯͕̠̐̅̉͜u̸̡̘͆̏́͘̚t̸̹̀̉́
̷̘̣̞̫͈̺͔͎̇̊͝K̵͙͔̾̏̇͘ê̵͍̤̈̂̍̀̀̕͝͝ḁ̷͔̳͆̚n̴̞̪̮̠̅̈́̓͗͗̀̽͐͘
𝔎𝔢𝔞𝔫, 𝔞𝔩𝔰𝔬 𝔨𝔫𝔬𝔴𝔫 𝔞𝔰 𝔎𝔞𝔩𝔦𝔨𝔢𝔞𝔫, 𝔦𝔰 𝔞 𝔪𝔲𝔩𝔱𝔦𝔡𝔦𝔰𝔠𝔦𝔭𝔩𝔦𝔫𝔞𝔯𝔶 𝔞𝔯𝔱𝔦𝔰𝔱:
𝔴… 𝔯𝔦𝔱𝔢𝔯, 𝔫𝔬𝔦𝔰𝔢 𝔪𝔲𝔰𝔦𝔠𝔦𝔞𝔫, 𝔭𝔢𝔢𝔯 𝔪𝔢𝔫… 𝔱𝔬𝔯,
𝔡𝔬𝔠𝔲𝔪𝔢𝔫𝔱𝔞𝔯𝔦𝔞𝔫, 𝔞𝔠… 𝔱𝔬𝔯, 𝔪𝔬𝔡𝔢𝔩,
𝔡𝔢𝔰𝔦𝔤𝔫𝔢𝔯, 𝔭… 𝔯𝔬𝔲𝔡 𝔠𝔞𝔱 𝔡𝔞𝔡, 𝔞𝔫𝔡 𝔪𝔲𝔠𝔥 𝔪𝔬𝔯𝔢.
“`
