body {
    background: #000;
    color: #ffd92c;
    font-family: arial, sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    margin: 0;
}

a {
    /*color: #0077CC;*/
    /*color: #e311e3;*/
    color: #0d9aff;
    /*color: #59b8ff;*/
    text-decoration: none;
}

/* wtf is this? */
.h11 {
    background: linear-gradient(to bottom, #FFD700, #DAA520);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow:
            1px 1px 2px rgba(0, 0, 0, 0.3),
            0 0 2px #FFEB3B; /* Add a brighter glow */
}

h1, h2 {
    margin: 20px;
    background: linear-gradient(to bottom, #FFD700, #DAA520); /* Gradient from light to dark gold */
    -webkit-background-clip: text; /* Clip the background to the text shape */
    -webkit-text-fill-color: transparent; /* Make the text fill transparent */
    /*text-shadow: 3px 4px 2px rgba(0, 0, 0, 0.5), 0 0 9px rgba(255, 234, 114, 0.7);*/
    /*box-shadow: inset 3px 4px 2px rgba(0, 0, 0, 0.5);*/
    text-shadow:
            1px 1px 0px rgba(0, 0, 0, 0.3), /* Dark shadow (bottom right) */
            -0.3px -0.3px 0px rgba(255, 225, 135, 0.2), /* Light shadow (top left) */
            0.5px 0.5px 5px rgba(255, 225, 135, 0.1) /* Light shadow (top left) */
;
    filter: blur(0.4px)  contrast(130%) brightness(120%);

    font-family: "EB Garamond", serif;
    font-optical-sizing: auto;
    font-weight: 800;
    font-style: normal;
}
h1 {
    font-size: 36px;
}
h2 {
    font-size: 32px;
}