html,
body {
    margin: 0;
    height: 100%;
}
body {
    color: white;
    font-family: sans-serif;
    font-size: 16px;
    background:
        radial-gradient(black 15%, transparent 16%) 0 0,
        radial-gradient(black 15%, transparent 16%) 8px 8px,
        radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,
        radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
    background-color: #282828;
    background-size: 16px 16px;
}

/* Scale canvas with resize attribute to full size */
canvas {
    width: 600px;
    height: 400px;

}

a, a:visited {
    color: #6b6df4;
}

.container, .description {
    width: 800px;
    margin: 0 auto;
}

.container {
    font-size: 0;
    margin-top: 100px;
    border: 3px dashed rgb(111, 87, 63);
}

.description {
    box-sizing: border-box;
    padding: 0 75px;
}

.params {
    font-size: 16px;
    width: 200px;
    height: 400px;
    display: inline-block;
    text-align: center;
    box-sizing: border-box;
    vertical-align: top;
    padding: 80px 0;
    background-color: #202328;
}

.params label {
    display: inline-block;
    font-weight: bold;
    padding: 15px 0 5px;
}

.params input[type="text"] {
    text-align: center;
    width: 30px
}