body {
  margin-left:5%;
  margin-right:5%;
  color:black;
  background-color:rgb(250, 227, 182);
  }

h1 { text-transform: uppercase; border-bottom: solid black 1px; 
  margin-bottom: 1em; }

.buttons { margin-top: 2em; margin-bottom: 0.5em; }

#inputtable { margin-top: 0.5em; margin-bottom: 1em; }

a.quiet { text-decoration: none; color:black; }

table { color:black; background-color:white; 
  border-collapse:collapse; }

.info { color:black; background-color:white; border-bottom: solid black 1px; 
  font-size: 80%; padding-left: .5em; padding-right: .5em;
  padding-top: .2em; padding-bottom: .2em;  
  margin-left: 1em; width:80%; }
.info table { font-size: 100%; }
.info table td { padding-left: .5em; padding-right: .5em; }

table#kellytable { table-layout:fixed; font-size: 60%; 
  border-bottom: solid black 1px; 
  margin-left: 1em;
  }

thead th { border-bottom: solid black 1px; }

th input { font-size:inherit; width:100%; border:none; }

input.button { background-color: rgb(220,180,150); cursor:pointer; 
  font:inherit; padding-bottom: .2em; margin: .2em; border: solid black 1px; }

col { width:6em; }
col.namecol { width:9em; }

p, div.p { margin-top: 1em; }

.footer { margin-top: 3em; border-top: solid black 1px; text-align:
right; font-size: x-small; }

#output { width: 100%; height: 35em; background-color: rgba(255,255,255,0.2); }
#output svg { width: 100%; height: 100%; overflow: visible; padding: 1em; }

.point-label {
  text-anchor: middle;
  alignment-baseline: middle;
}

.axis {
  stroke: #b6b9c7;
}

.axis-label {
  fill: hsl(227, 13%, 63%);
  alignment-baseline: baseline;
  font-family: verdana, "sans serif";
}