:root {
  --input-color: #99a3ba;
  --input-border: #cdd9ed;
  --input-background: #fff;
  --input-placeholder: #cbd1dc;
  --input-border-focus: #275efe;
  --group-color: var(--input-color);
  --group-border: var(--input-border);
  --group-background: #eef4ff;
  --group-color-focus: #fff;
  --group-border-focus: var(--input-border-focus);
  --group-background-focus: #678efe;
  --colorBackground: #f5f9ff;
  --footerBackground: #242729;
  --body-max-width: 960px;
}

body {
	background-color: var(--bodyBackground);
}

/** customer: BUTTON; **/
button, button:hover, button:focus, select:hover, select:focus, textarea:hover, textarea:focus, pre, pre:hover, pre:focus  {
    outline:0 !important;
    /*-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);*/
    /*-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);*/
    /*box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);*/
    box-shadow: none !important;
}

.button,button:active {
    /*background-color: #3e8e41;*/
    /*box-shadow: 0 5px #666;*/
    transform: translateY(1px);
    /*color:red !important;*/
}

/** customer: BUTTON; **/
input, input:hover, input:focus {
    outline:0 !important;
    /*-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);*/
    /*-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);*/
    /*box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);*/
}

h1,h2,h3,h4,h5,h6,div,pre, p {
    text-align:left;
}

h1,h2,h3,h4,h5,h6 {
    font-weight: 400;
    margin-top: 1em !important;
}

h1 {
    margin:.6em 0;
}

h2 {
    margin:.5em 0;
}

h3 {
    margin:.4em 0;
}

h1 {
    font-size: 2em
}

h2 {
    font-size: 1.525em
}

h3 {
    font-size: 1.425em;
}

ul {
    margin: 0;
}

a {
    text-decoration: none;
}

code {
    background-color: #f9f7f6;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 5px;
    color: #333;
}