<style>
    /* Custom cursor style using SVG */
    body {
        cursor: url('left_ptr.svg#cursor'), auto; /* Replace with the correct path */
        font-family: 'JetBrains Mono', monospace;
        margin: 0;
        padding: 0;
        background-color: #282a36; /* Dracula background */
        color: #f8f8f2; /* Dracula foreground */
    }

    header {
        background: #44475a; /* Dracula header background */
        color: #ffffff;
        padding: 10px 0;
        text-align: center;
    }

    .container {
        width: 80%;
        margin: auto;
        overflow: hidden;
    }

    .date-time {
        text-align: center;
        margin: 20px 0;
        font-size: 1.2em;
    }

    .side-nav-container {
        display: flex; /* Use flexbox for layout */
        justify-content: space-between; /* Space between ads */
        margin-top: 20px; /* Add some space above the ads */
        margin-bottom: 40px; /* Add space below the ads */
        padding: 0; /* Remove padding */
    }

    .sidelink, .navlink, .johnvertisement {
        border: none; /* Remove border for iframes */
    }

    .sidelink {
        margin: 0; /* Remove margin */
        width: 150px; /* Set width for the larger ad */
    }

    .navlink {
        margin: 0; /* Remove margin */
        width: 180px; /* Set width for the larger ad */
    }

    .failload {
        color: red;
        text-align: center;
        margin-top: 20px;
        display: none; /* Hidden by default */
    }

    article {
        background: #6272a4; /* Dracula article background */
        padding: 20px;
        margin: 20px 0;
        border-radius: 5px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
        margin-top: 40px; /* Add space above articles */
    }

    .button-container {
        display: flex;
        justify-content: center;
        margin: 20px 0;
        margin-top: 20px; /* Add space above buttons */
    }

    .material-button {
        background-color: #bd93f9; /* Button background color */
        color: #ffffff; /* Button text color */
        padding: 10px 20px;
        margin: 0 10px;
        border: none;
        border-radius: 5px;
        text-decoration: none;
        font-size: 16px;
        transition: background-color 0.3s, transform 0.2s;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }

    .material-button:hover {
        background-color: #ff79c6; /* Hover color */
        transform: translateY(-2px); /* Lift effect */
    }

    footer {
        text-align: center;
        padding: 10px 0;
        background: #44475a; /* Dracula footer background */
        color: #ffffff;
        position: relative;
        bottom: 0;
        width: 100%;
    }
</style>
