widget-styles.css

#container, #chart-container, #widget, #response {
	width: 98%;
	max-width: 600px;
}

@media only screen and (max-width: 500px) {
    p, li, button, input {
    	font-size: 0.8em;
    }
    h1 {
    	font-size: 18pt;
    }
}

#container {
	border-radius: 12px;
	background-color: rgba(173,216,230,0.6);
	border-style: solid;
    border-width: 1px;
}

#chart-container, #response {
	display: none;
}

#widget, #response {
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
}

#header {
	height: 100px;
}

p {
	margin-left: 20px;
	margin-right: 20px;
	text-align: center;
}

h1, h3 {
	text-align: center;
	font-family: "PT Sans", serif;
}

h3 {
	margin-left: 10px;
	margin-right: 10px;
}

#search {
	text-align: center;
	padding-top: 30px;
}
text, p, li, button, input { 
	font-size: 1em;
	font-family: "PT Sans", serif;
}


#submit {
	margin-top: 5px;
}

#source {
    font-size: 0.7em;
    display: inline;	
}

button {
	margin-bottom: 10px; 
}

.chart{
	width: 100%;
	height: 120px;
}

.axis text, .label {
	font: 0.8em sans-serif;
}

.axis path,
.axis line {
	fill: none;
	stroke: #000;
	shape-rendering: crispEdges;
}

.d3-tip {
	line-height: 1;
	font-size: 1em;
	padding: 3px;
	color: rgb(0,0,0);
	border-radius: 2px;
}

#options {
	margin-right: 50px;
}