html {
display: table;
margin: auto;
height: 100%;
width: 100%;
background: url("/backmoon.jpg");
background-position: center top;
background-size: auto 100%;
background-color: #070302;
box-shadow: inset 0 0 9999px #333;
}

body {
display: table-cell;
vertical-align: middle;
font-family: monospace;
font-size: 16px;
color: #9E8051;
align-items: center;
}

body > div {
width: fit-content;
margin: 0 auto;
}

a {
font-family: monospace;
font-weight: 700;
padding: 8px;
color: #A79F9E;
}

hr {
border-color: #9E8051;
max-width: 200px;
}

a:hover {
color: #fff;
background-color: #0606FF;
}

h4:hover, p:hover, li:hover {
cursor: default;
color: #A79F9E;
}

.command:hover {
cursor: pointer;
font-weight: 700;
color: #070302;
background-color: #A79F9E;
}

.command:hover::after {content: ' (Copy)';}
.command.clicked::after {content: ' (Copied!)';}

pre {
cursor: default;
font-family: monospace;
line-height: 1;
letter-spacing: -1px; 
font-size: 16px;
color: #3A2D1E;
filter: drop-shadow(0px 0px 3px #F1E100)
        drop-shadow(0px 8px 16px #FFDA00)
        drop-shadow(0px 24px 48px #FDAA00)
        drop-shadow(0px 0px 128px #9E8051);
}