@font-face {
            font-family: 'JetBrainsMonoNL-Light';
            src: url('/font/Jetwoff2/JetBrainsMono-Light.woff2') format('woff2');
            font-weight: normal;
            font-style: normal;
            /*font-display: swap;*/
        }
        @font-face {
            font-family: 'JetBrainsMonoNL-Regular';
            src: url('/font/Jetwoff2/JetBrainsMono-Regular.woff2') format('woff2');
            font-weight: normal;
            font-style: normal;
            /*font-display: swap;*/
        }


#name {
    font-family: "JetBrainsMonoNL-Light";
    font-size: 2.5rem;
}

/*
        body {
            background-color: #fffdf6;
            align-items: center;
            text-align: center;
            
            display: flex; 
            justify-content: center; 
            align-items: center;
            font-family: "JetBrainsMonoNL-Regular";
        }
        */
@media (prefers-color-scheme: dark) {

    body {
        background-color: #272727;
        color: #e4e3df;
        margin: 0 auto;
        font-family: "JetBrainsMonoNL-Regular";
        max-width: 1000%;
    }

    .main {
        border: 0.1px solid rgb(66, 66, 66);
    }
}

@media (prefers-color-scheme: light) {

    body {
        background-color: #f9f8f6;
        color: #474849;

        /*
                align-items: center;
                text-align: center;
                */


        /*
                display: flex; 
                justify-content: center; 
                align-items: center;
                */
        margin: 0 auto;


        font-family: "JetBrainsMonoNL-Regular";
        max-width: 1000px;
    }

    .main {
        border: 0.1px solid rgb(238, 238, 238);
        /*margin: auto;*/
    }

}

.main {
    /*text-align: center;*/




    border-radius: 8px;
    padding: 10px 0px 10px 0px;
}