app.css

:not(input):not(a) {
    -webkit-user-select: none;
    cursor: default;
}
.button {
    background-color: #6a3e2a;
    border: 1px solid #492c1e;
    border-radius: 5px;
    color: #FFF;
    display: inline-block;
    line-height: 1.2em;
    margin-right: 10px;
    margin-top: 10px;
    padding: 10px;
    text-decoration: none;
}


#squiggle_view {
    background-color: #FFF;
    height: 600px;
    overflow: hidden;
    position: absolute;
    text-align: right;
    top: 90px;
    transition: width .2s ease-in-out;
    width: 300px;
    z-index: 5;
}
.squiggle {
    background-color: rgba(250, 250, 250, 1);
    box-shadow: inset 0 0 0 1px rgba(223, 223, 223, 1);
}
#fudge_button {
    left: 225px;
    position: absolute;
    top: 200px;
}
#marketing {
    line-height: 1.4em;
    position: absolute;
    text-align: left;
    top: 290px;
    width: 300px;
}


body.initial #chart_controls {
    opacity: 0;
}
body.initial #chart_div {
    opacity: 0;
    transition: opacity .2s ease-out;
}
body.charting #squiggle_view {
    width: 0;
}


#chart_div {
    min-height: 200px;
}
#chart_controls {
    line-height: 1.8em;
    margin-top: 10px;
    transition: opacity .2s ease-in;
}
input[type=number] {
    width: 5em;
}
html.istouch input {
    height: 20px;
}
html.istouch input[type=range] {
    margin-left: 50px;
    margin-right: 50px;
    transform: scale(2) translateY(3px);
    width: 80px;
}