@charset "UTF-8";

@font-face {
  font-family: 'ADayinSeptember';
  font-style: normal;
  font-weight: normal;
  src: url('fonts/ADayinSeptember.eot'); /* IE9 Compat Modes */
  src: url('fonts/ADayinSeptember.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
      url('fonts/ADayinSeptember.woff') format('woff'), /* Modern Browsers */
      url('fonts/ADayinSeptember.ttf') format('truetype'); /* Safari, Android, iOS */
}

body,
body * {
  border: 0;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  box-sizing: border-box;
}

.abs-pos {
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.hidden {
  display: none;
}

#container_dc {
  background-color: #fff;
  border:1px solid #999999;
  height: 250px;
  margin: auto;
  overflow: hidden;
  width: 300px;
}

#bg {
  background-image: url(bg.jpg);
  width: 300px;
  height:250px;
  left: -1px;
}

#logo {
  background-image: url(logo-1.svg);
  top: -7px;
}

#animation {
  z-index: 1;
}

/* Rate */
#rate_container {
  display:block;
  position:absolute;
  top:0px;
  left:0px;
  color:#5f285e;
  font-family:inherit;
  opacity:0;

}

#balanceTiers {
  left: -2px;
}

/* ID and class selector for the same thing */
#darate0 {
  left: -26px;
  position: absolute;
  text-align:center;
  top: 85px;
}
.rate {
  display: block;
  font-family: 'ADayinSeptember', serif;
  font-size: 111px;
  letter-spacing: 2px;
  line-height: 76px;
  width: 300px;

}

/* Transparent button for background clickthrough. */
#background_exit_dc {
  cursor: pointer;
  background-color: #fff;
  opacity: 0;
  z-index: 100;
}
.percentAPY {
  position: absolute;
  top: -11px;
  margin-left:2px;
}