@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: 90px;
  margin: auto;
  overflow: hidden;
  width: 728px;
}

#bg {
  background-image: url(bg.jpg);
  height:90px;
  width:728px;
  top: -1px;
}

#logo {
  background-image: url(logo-1.svg);
  z-index: 2;
}

#animation {
  z-index: 1;
}

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

#balanceTiers {
  left: -2px;
}

/* ID and class selector for the same thing */
#darate0 {
  left: 140px;
  position: absolute;
  text-align:center;
  top: 6px;
}

.rate {
  display: block;
  font-family: 'ADayinSeptember', serif;
  font-size: 80px;
  letter-spacing: 2px;
  line-height: 76px;
  width: 728px;
}

.percentAPY {
  height: 60px;
}

/* Transparent button for background clickthrough. */
#background_exit_dc {
  cursor: pointer;
  background-color: #fff;
  opacity: 0;
  z-index: 100;
}

#cta, #fdic, #logo {
  left: -5px;
}