:root{
    /* COLOURS*/
    /* http://paletton.com/#uid=50u0u0kvxv4jpC6oEwCx8ogCTj2 */
    --bg0: #984500 url("https://xenni.co.uk/qc/images/pumpkin.png") repeat;  /* Page */
    --bg1: #522500;  /* Main */
    --text: #F8A604; /* Text */
    
    --content-border: 4px #FF9553 groove;
    
    --section-border: 3px #D25F00 ridge;
    --subsection-border: 0 #520000 solid;
    
    --border-ext-radius: 30px;
    --border-int-radius: 20px;
    
    --h1-background: #D25F00;
    --h1-text: #FFFFFF;
    
    --h2-background: #C25F00;
    --h2-text: #FFFFFF;

    --hb-background: #B25F00;
    --hb-text: #FFFFFF;

    --flexbutton-border:     2px #FFEA0B outset;
    --flexbutton-highlight:  4px #FFCD68 outset;
    --flexbutton-background: #6e411b;
    --flexbutton-color:      #FFFFFF;

    --input-background: #505050;
    --input-text:       #ff8400;
    --input-border:     #FFEA0B 1px solid;
}

body{
    background:         var(--bg0);
    color:              var(--text);
}

h1{
    border-top-left-radius: var(--border-ext-radius);
    border-top-right-radius: var(--border-ext-radius);
    background-color: var(--h1-background);
    color: var(--h1-text);
}

h2 {
    background-color: var(--h2-background);
    color: var(--h2-text);
    border-top-left-radius: var(--border-int-radius);
    border-top-right-radius: var(--border-int-radius);
}

.helpbox {
    padding: 3px;
    margin: 0;
    background-color: var(--hb-background);
    color: var(--hb-text);
    text-align: center;
}

.content{
    background-color:   var(--bg1);
    border:             var(--content-border);
    border-radius:      var(--border-ext-radius);
}

.section:last-child{
    border-bottom-left-radius: var(--border-int-radius);
    border-bottom-right-radius: var(--border-int-radius);
}

.subsection{
    border: var(--subsection-border);
}

.section{
    margin: 15px;
    border: var(--section-border);
    border-radius: var(--border-int-radius);
}
.flexbutton, button {
    border: var(--flexbutton-border);
    background-color: var(--flexbutton-background);
    color: var(--flexbutton-colour);
}

.flexbutton:hover, button:hover{
    border: var(--flexbutton-highlight);
}

.flexBreak{
    flex-basis: 100%;
    height: 0;
}

input, textarea{
    border:             var(--input-border);
    background-color:   var(--input-background);
    color:              var(--input-text);
}

.nick{
    border:             var(--input-border);
    background-color:   var(--input-background);
    color:              var(--input-text);
}

.sticky{
    background-color: var(--bg1);
}


a, a:visited{
    color: var(--text);
}