body {
    font-family: sans-serif, "Tahoma";
    background: #06111c;
    color: rgb(19, 116, 139)
}

input,
select {
    border: solid 1px rgb(19, 116, 139) !important;
    background: #ccc !important;
    color: rgb(19, 116, 139) !important;
    background: #0a1929 !important;
}

::-webkit-input-placeholder {
    color: #051b21
}

input[type='button'] {
    color: #ccc !important;
    background: #144564 !important
}

input[type='button']:hover {
    background: #091B2C !important;
    color: #ccc !important
}

svg {
    width: 800px;
    height: 450px;
    background: #0a1929;
    border: solid 1px rgb(19, 116, 139)
}

input.form-control {
    width: 16%;
    float: left;
    margin-right: 5px;
}

select {
    padding: 5px;
}

textarea {
    width: 300px;
    height: 110px;
    background: #ccc;
    border-color: rgb(19, 116, 139);
    /*background: #0a1929;*/
    color: rgb(5, 27, 33);
}

canvas {
    width: 800px;
    height: 450px;
    display: none
}

#average,
#titleX,
#titleY {
    display: none;
}