body {
    font-family: monospace;
    font-size: 16px;
    background-color: #000000;
    color: #32fa3e;
    margin: 16px;
    background-image: linear-gradient(to bottom, rgb(0 0 0) 0%, rgb(0 0 0) 50%, rgba(0, 0, 0, 0.1) 100%);
    /*scanlines */
    background-size: 100% 3px;
/*    cursor: none;*/
}

#console {
    white-space: pre-wrap;
    overflow: scroll;
    margin: auto;
    height: 90vh;
    border-radius: 128px;
    background: radial-gradient(circle at center, rgb(12 65 15 / 80%) 0%, rgba(0, 0, 0, 0) 110%);
    padding: 16px;
    padding-bottom: 32px;
    box-shadow: inset 0px 0px 270px 0px #0a5508;
    text-align: center;
}

@keyframes blink {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

/* Media query for mobile devices */
@media screen and (max-width: 768px) {
    body {
        font-size: 14px;
        /* Change font size to 14px for mobile */
        margin: 8px;
    }

    #console {
        height: 80vh;
        border-radius: 16px;
        padding: 8px;
        padding-bottom: 64px;
    }
}