* {
    box-sizing: border-box;
}
html{
    position:absolute;
    bottom:0;right:0;top:0;left:0;
}
html, body {
    background-color:#fff;
    margin:0;
    padding:0;
}
body {
    text-align: center;
    color: #232323;
    font-family: 'Open Sans', sans-serif;
}
.c {
    font-family: Consolas, monospace;
}
pre {
    text-align: left;
}
a, a:visited {
    color: #4f7c92;
    text-decoration: none;
    cursor: pointer;
}
li {
    margin-bottom: 0;
}
img {
    max-width: 100%;
}
h1,h2,h3,h4,h5 {
    font-family: "Montserrat", sans-serif;
}
.links-wrapper {
    width: 100%;
    height: 40px;
    background: #1b2026;
    color: #e9e9e9;
    padding: 5px;
}
.links {
    height: 40px;
    text-align: center;
    float: left;
}
.links a, .links a:visited {
    top: 6px;
    position: relative;
    width: 140px;
    height: 20px;
    color: #56b6c2;
    margin: 0 5px;
    padding: 5px;
}
.links a.active {
    color: #232323;
    border-bottom: 2px solid #fff;
    background-color: #fff;
}
.footer {
    bottom: 0;
    position: absolute;
    width: 100%;
    background: #1b2026;
    color: #e9e9e9;
    padding: 10px;
}

.alert {
    padding: 10px 20px;
    display: block;
    border-bottom: 2px solid #000;
}
.alert-danger {
    color: #700;
    background-color: #faa;
    border-color: #700;
}
.alert-success {
    color: #070;
    background-color: #afa;
    border-color: #070;
}

.selectable {
    -webkit-user-select: all;
    -moz-user-select: all;
    -ms-user-select: all;
    user-select: all;
    border: 2px dotted #232323;
    padding: 4px;
    line-height: 1;
}
.notice {
    margin: 4px auto;
}
.form {
    width: 100%;
}

.form input, .form textarea, .form select, .form button {
    position: relative;
    width: 200px;
    padding: 2px;
    font-weight: 500;
    border: 1px solid #aaa;
    border-radius: 4px;
    background-color: #fafafa;
    color: #000;
    display: block;
    margin: 5px auto;
}
.form label {
    display: block;
    margin: 10px auto;
}
.form label input {
    width: initial;
    display: inline;
    margin: 0 4px;
}
.form input#url {
    width: 600px;
}
.form input:focus, .form textarea:focus, .form select:focus {
    background-color: #f0f8ff;
}
.form input.filled:valid {
    border-left: 4px solid #0f0;
}
.form input.filled:invalid {
    border-left: 4px solid #f00;
}
.form.inline {
    text-align: center;
    padding: 0;
    margin: 0;
}
.form button {
    display: block;
    border-radius: 6px;
    border: 1px solid #aaa;
    box-sizing: border-box;
    padding: 5px;
    width: 100px;
    transition: all 0.1s;
    cursor: pointer;
}
.form.inline button {
    display: inline-block;
    padding: 4px;
    margin: 0;
}
.form button:not([disabled="disabled"]):hover {
    background-color:#ddd;
}
.form button:not([disabled="disabled"]):active {
    background-color:#d0d0d0;
    box-shadow: 1px 1px 2px 2px #888 inset;
}
.form .holder > * {
    display: inline-block;
    vertical-align:middle;
}
.form input {
}
.form .holder {
    display: inline-table;
}
.form .label {
    padding-left: 20px;
    padding-right: 20px;
}
.form select {
    width: 244px;
}
.form select:hover {
    background-color:#ddd;
}
.form input.file {
    padding-bottom: 38px;
}
.form textarea {
    height:33px;
    min-height:33px;
    max-width:960px;
    min-width:960px;
    max-height:93px;
}