Userstyles to make https://codele-voffiee.vercel.app/ look like a terminal window

codele.css

body, #root {
    width: 100% !important;
    height: 100% !important;
    min-height: 100vh;

    background-color: var(--surface-2);
}

#root {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

main {
    flex: 1;
    min-height: unset !important;
}

@media screen and (min-width: 1200px) and (min-height: 700px) {
    main {
        max-width: 1200px;
        max-height: 700px !important;

        border-radius: 12px;
        box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    }

    main > header {
        position: relative;
    }

    main > header::before {
        content: '';
        height: 14px;
        width: 54px;
        position: absolute;
        left: 0.5rem;
        top: 0.5rem;
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='54' height='14' viewBox='0 0 54 14'><g fill='none' fill-rule='evenodd' transform='translate(1 1)' stroke-width='.5'><circle cx='6' cy='6' r='6' fill='%23FF5F56' stroke='%23E0443E'/><circle cx='26' cy='6' r='6' fill='%23FFBD2E' stroke='%23DEA123'/><circle cx='46' cy='6' r='6' fill='%2327C93F' stroke='%231AAB29'/></g></svg>");
    }

    main > footer > form {
        position: relative;
        padding: 0 0.5rem;
    }

    main > footer > form > span {
        left: 0.5rem !important;
    }
}