lonk/leftists/static/css/index.css

::root {
    --font-mono: 0.5;
    --font-casl: 0.49;
    --font-wght: 400;
    --font-slnt: 0;
    --font-rep-roman: 1;
}

body {
    font-family: 'Recursive', monospace;
    font-variation-settings: var(--font-mono), var(--font-casl), var(--font-wght), var(--font-slnt), var(--font-rep-roman);
    background: lightgrey;
    margin: 0;
}

nav {
    padding: 1ch;
    background-color: white;
    display: flex;
    border: 1px #666 solid;
    border-radius: 0 0 1ch 1ch;
    box-shadow: 0.5ch 0.5ch 1ch #bbb;
}
nav > * {
    position: relative;
    transform: translateX(50%);
}

main {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 25%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}

th, td {
    padding: 0 0.5ch;
}

.section {
    border: 1px #666 solid;
    border-radius: 1ch;
    background: white;
    box-shadow: 0.5ch 0.5ch 1ch #bbb;
    padding: 1ch;
    margin-bottom: 2ch;
}

h4 {
    margin: 0 0 1ch 0;
}

.cl-form {
    display: flex;
    flex-direction: column;
}
.cl-from {
    display: flex;
    margin-bottom: 1ch;
}
.cl-to {
    display: flex;
    margin-bottom: 1ch;
}
.cl-submit {
    width: 100%;
}
.cl-form-deco {
    margin: 0 1ch;

}
#id_to { flex-grow: 1;}

.ov-domains {
    display: flex;
    flex-direction: column;
}