body {
    font-family: 'Courier New', Courier, monospace;
    margin: 0;
    padding: 0;
    background-color: #282c34;
    color: #abb2bf;
    cursor: none;
}

/* Custom Scrollbar */
        /* Scrollbar width */
        ::-webkit-scrollbar {
            width: 12px; /* Scrollbar width */
        }

        /* Scrollbar track (background of the scroll bar) */
        ::-webkit-scrollbar-track {
            background: #333; /* Dark grey track */
            border-radius: 10px; /* Curved scrollbar track */
        }

        /* Scrollbar thumb (the draggable part) */
        ::-webkit-scrollbar-thumb {
            background-color: #000; /* Black color for the thumb */
            border-radius: 10px; /* Curved scrollbar thumb */
            border: 3px solid #333; /* Optional: gives the thumb a padded effect */
        }

        /* Scrollbar thumb hover (when hovered) */
        ::-webkit-scrollbar-thumb:hover {
            background-color: #555; /* Slightly lighter black when hovered */
        }

.custom-cursor {
    width: 15px; /* width of the white block */
    height: 35px; /* height of the white block */
    background-color: white; /* color of the white block */
    position: absolute;
    pointer-events: none; /* Prevent the block from interfering with clicks */
    transform: translate(-50%, -50%); /* Center the block on the cursor */
    z-index: 9999; /* Ensure it stays on top */
}

header {
    background: #1c1f26;
    color: #e06c75;
    padding: 20px;
    text-align: center;
    border-bottom: 1px solid #333;
}

header h1 {
    margin: 0;
    font-size: 2em;
}

header p {
    margin: 10px 0;
}

main {
    padding: 20px;
}

#terminal {
    background: #1e1e1e;
    border: 1px solid #333;
    padding: 20px;
    border-radius: 5px;
    margin-bottom: 20px;
}

#command-input {
    border: none; 
    background: none;
    color: #abb2bf;
    outline: none;
    width: 100%;
    font-size: 1em;
}

#output {
    white-space: pre-wrap;
    margin-bottom: 10px;
}

section {
    margin-bottom: 20px;
}

h2 {
    color: #61afef;
}

ul {
    list-style-type: none;
    padding: 0;
}

ul li {
    margin-bottom: 10px;
}

footer {
    background: #1c1f26;
    color: #abb2bf;
    text-align: center;
    padding: 10px;
    border-top: 1px solid #333;
}

footer a {
    color: #61afef;
    text-decoration: none;
}