body,html{margin:0;padding:0;box-sizing:border-box;font-family:'Roboto', Helvetica, sans-serif !important;color:#fff;text-shadow:5px 5px #333;font-size:90px}body{background-color:transparent}html,body,.dashboard-wrapper{overflow:hidden}.dashboard-wrapper{background: linear-gradient(to right, rgba(16,16,16,1) 0%,rgba(30,87,153,0) 45%,rgba(30,87,153,0) 55%,rgba(16,16,16,1) 100%);font-family:Helvetica, serif;font-size:16px;height:61px;width:100px;overflow-y:hidden;position:relative;width:100%;font-weight:bold;text-shadow:0px 0px 4px #000 !important}@media (max-width: 1280px){.dashboard-wrapper{font-size:14px}}.dashboard-wrapper .label{color:#ddd;font-size:.8em;position:absolute;top:10px}.dashboard-wrapper .new-donation-label{color:#25a2d8}.dashboard-wrapper .top-donation-title,.dashboard-wrapper .new-donation-label,.dashboard-wrapper .last-donator-title{right:10px}.donation-progress-wrapper{height:60px;margin-left:5px}.donation-progress-wrapper .progress-bar-wrapper{border-radius:3px;display:inline-block;height:40px;margin-top:10px;overflow:hidden;width:200px}@media (max-width: 1280px){.donation-progress-wrapper .progress-bar-wrapper{width:175px}}.donation-progress-wrapper .progress-bar-background{background-color:#667;border-radius:7px;height:40px}.donation-progress-wrapper .progress-bar{border-radius:5px;background: linear-gradient(124deg, #00f,#00f,#0ff,#0f0,#ff0,#f00,#f0f,#00f,#00f,#00f,#00f,#00f,#00f,#00f,#00f,#00f,#00f,#00f,#00f);
background-size: 1800% 1800%;animation: rainbow 5s linear infinite;height:40px;-webkit-transition:width 1s ease-in-out;transition:width 1s ease-in-out;max-width:100%}.donation-progress-wrapper .total-donation-amount,.donation-progress-wrapper .donation-goal-amount{line-height:75px}.donation-progress-wrapper .total-donations{padding-right:10px;min-width:35px}.donation-progress-wrapper .progress-bar-wrapper,.donation-progress-wrapper .total-donations,.donation-progress-wrapper .goal{float:left;margin-right:10px}.donation-title-wrapper{margin:0 auto;position:absolute;text-align:right;top:0;right:14%;width:100%;height:60px}.donation-title-wrapper .title-card{display:inline-block}.donation-title-wrapper .charity-name{position:relative;top:10px}.donation-title-wrapper .cause-title{font-size:.8em;position:relative;text-align:left;top:3px}.donation-title-wrapper .logo{height:60px;vertical-align:middle;margin:0 20px}.donation-title-wrapper .logo img{height:0px;margin:0px 0;border-radius:0px}.donation-ticker-wrapper{float:right}.donation-ticker-wrapper .donation-card{min-width:150px;position:absolute;top:0;right:0;padding-right:10px;text-align:right}.donation-ticker-wrapper .donation-name,.donation-ticker-wrapper .donation-amount{display:inline-block;line-height:75px}.donation-ticker-wrapper .latest-donation,.donation-ticker-wrapper .top-donation{opacity:0;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}.donation-ticker-wrapper .latest-donation.active,.donation-ticker-wrapper .top-donation.active{opacity:1}.donation-ticker-wrapper .new-donation{;top:-60px;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:0.0s;transition-duration:0.0s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.donation-ticker-wrapper .new-donation.active{top:0px}.donation-ticker-wrapper .new-donation.fade-out{top:60px} @keyframes rainbow {
    0% { background-position: 0% 0; }
    100% { background-position: 100% 0; }
}