html, body {
  margin: 0;
  padding: 0;

  text-align: center;
  font-size: 12px;
}

body {
  height: 100%;
  background: #ff9;
  background-image: url('../images/bg1.png');

  
}

h1 {
  font-size: 2.75em;
  color: #ab8742;
  margin-bottom: 0;
  margin-top: 1.5em;
}

h2 {
  font-size: 1.35em;
  color: #333;
  margin-top: 1.65em;
}

#frame {
  margin-top: 2em;
  text-align: left;
  width: 60em;
  margin-left: auto;
  margin-right: auto;
}

#calculator {
  /* border: 1px solid #ab8742; */
  border: 1px solid #000;
  padding: 1em;
  /* background: #fdff7e; */
  background: #fff;
  
}

#display {
  text-align: right;
  
  border: 1px solid #000;
  color: #444;
  font-family: monospace;
  padding: .25em;
  font-size: 2.25em;
  margin-top: 3em;
  background: #fff;
  margin-bottom: .35em;
}

#calculate {
  margin-top: 5em;
  text-align: right;
}

#calculate a {
  font-size: 2em;
  text-transform: capitalize;
  font-variant: normal;
  font-weight: bold;
}

.amount {
  width: 8em;
}

.rate {
  width: 4em;
}

.small {
  font-size: .75em;
}

.underline {
  text-decoration: underline;
}

.asset, .liability {
  margin-bottom: .3em;
}

a:link, a:visited, a:hover {
  text-transform: lowercase;
  font-variant: small-caps;
  font-size: 13px;
  font-weight: normal;
  font-family: monospace;
}

a:link, a:visited {
  color: #00008B;
}

a:hover {
  color: #006400;
  background: #eee;
}