@keyframes bg_blink {
  100% {
    background-color: #EFCFAC;
  }
}

@-webkit-keyframes bg_blink {
  100% {
    background-color: #EFCFAC;
  }
}

@keyframes worse {
  100% {
    font-size: 4em;
    color: #F07D00;
  }
}

@-webkit-keyframes worse {
  100% {
    font-size: 4em;
    color: #F07D00;
  }
}

@keyframes better {
  100% {
    font-size: 6em;
    color: #74B72A;
  }
}

@-webkit-keyframes better {
  100% {
    font-size: 6em;
    color: #74B72A;
  }
}

html, body {margin:0;}

.hidden { display: none; }

#infographic { background-image: url("../bg.jpg"); font-family: 'Didact Gothic', sans-serif; height: 4757px; width: 730px; }

.calculator { left: 347px; position: relative; top: 1846px; font-size: 12px; width: 45%;}
.calculator tr td:first-child { min-width: 123px; }
.calculator td { 	padding: 1px 5px; }
.calculator td.go_container button, .calculator input[type="reset"] { background: #74b72a none repeat scroll 0 0; border: medium none; color: #fff; cursor: pointer;left: 5px; margin: 0; padding: 5px; position: relative; width: 92px;}
.calculator input {  background: #ededed none repeat scroll 0 0; border: 1px solid #ababab; padding: 2px 0 2px 5px; width: 100%; }
.fa-6x {font-size: 6em;}
.go_container { position: relative; text-align: right; top: 10px; }

.results { color: #cdcdcd; font-size: 15px; position: relative; text-align: center; top: 20px; height: 100px; }
.results span { width:65px;}
#time { color: #fff; font-size: 15px; position: relative; text-align: center; top: 30px; }

.amortizationTime { font-weight: bold; }

#creditToggler { font-family: century gothic; background: #33557a none repeat scroll 0 0; color: #fff; display: block; line-height: 18px; padding: 15px; width: 700px;}
#credits { display:none; font-family: century gothic; background: #33557a none repeat scroll 0 0; color: #fff; line-height: 18px; padding: 15px; width: 700px; font-size:13px;}
#credits p { margin: 0 0 3px 0;}

#diesel {
  margin-right: 100px;
}

.better {
  animation: better 0.5s linear 0s 1 normal forwards running;
  -webkit-animation: better 0.5s linear 0s 1 normal forwards running;
}

.worse {
  animation: worse 0.5s linear 0s 1 normal forwards running;
  -webkit-animation: worse 0.5s linear 0s 1 normal forwards running;
}

.bg_blink input[type=number] {
  animation: bg_blink 1s linear 0s infinite alternate forwards running;
  -webkit-animation: bg_blink 1s linear 0s infinite alternate forwards running;
}

 /*name duration timing-function delay iteration-count direction fill-mode play-state;*/