textarea, configbody{
    width:      100%;
    height:     100vh;
    resize:     none;
    padding:    0.25rem;
    font-family:monospace;
}

#configbody {
    padding:        0.25rem;
    font-family:    monospace;
}

#configbody form{
    white-space: pre;
    line-height: 1em;
}

#configbody input{
    background-color:transparent;
    color: inherit;
    overflow:visible;
    border:0;
}

#configbody input:focus {
    outline: none;
    border:0;
    background-color:;
}

@media (prefers-color-scheme: dark) {
    textarea, #configbody{
        background: #1b1b1b;
        color:      #8cb4ff;
    }
}

/*what are you doing, chrome?*/
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) { 
    body {
      height:   calc(100vh - 3px);
      overflow: hidden;
    }
}