body {
    max-width: 800px;
    padding: 40px;
    margin: auto;
}

section>div {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

footer {
    text-align: center;
}

a.nocolor {
    color: var(--text) !important;
}

a.clean {
    text-decoration: none;
}

:root {
    --wide: 400px
}

.cs-select.wide {
    min-width: var(--wide);
}

.cs-input.wide {
    min-width: var(--wide);
}

#new-quip {
    cursor: pointer;
    font-size: small;
}

div.code-block {
    overflow-x: hidden;
    .inner {
        position: relative;
        .cs-btn {
            position: absolute;
            top: 1px;
            right: 1px;
            z-index: 5;
        }

        pre {
            overflow-x: scroll;
            background-color: #3e4637;
            border: 1px solid;
            border-color: #292c21 #8c9284 #8c9284 #292c21;
            margin-top: 5px;
            position: relative;
            font-family: "Courier New", Courier, monospace;
            padding: 5px;
      
            code {
              white-space: pre-wrap;
      
              &::selection {
                background-color: #958831;
                color: white;
              }
            }
        }
    }
}

#get-cert {
    button[type=submit] {
        margin-top: 0.2rem;
    }
}

#logout {
    text-align: center;

    .cs-btn {
        padding: 0.4em;
        font-weight: bold;
        font-size: 20px;
    }    
}


.cs-hr {
    margin: 1rem auto;
}