@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;900&display=swap);
*{box-sizing:border-box}body{margin:0;padding:0;height:100vh;font-family:"Roboto",arial,sans-serif}.container,.img-container{position:absolute;width:100%;height:100%;overflow:hidden}.img-container{background-size:cover}.stage,.notices{position:absolute;z-index:1;left:0;right:0;top:0;bottom:0;overflow:hidden}.notices{z-index:2}.notices span,.stage span{position:absolute}.stage span{width:50px;height:50px;background-color:rgba(191,191,191,.32);box-shadow:0 0 5px rgba(192,192,192,.3),0 0 15px rgba(192,192,192,.3),0 0 30px rgba(192,192,192,.3);border-radius:50%;filter:blur(2px)}.container{display:flex;position:relative}.qr{max-width:250px;margin:0 auto;background:#fff;border-radius:15px;overflow:hidden}.qr img{width:100%;height:100%}.overlays{z-index:100;position:relative;flex:1;height:100%;text-align:right}.total{background:none;color:#fff;font-size:2rem;margin-top:2rem}#front-image img{clip-path:inset(100% 0px 0px 0px)}#names-container{height:50vh;color:#fff;text-shadow:2px 2px 10px rgba(0,0,0,.2);overflow:hidden}.names{padding-right:5rem;padding-left:1.25rem;padding-top:50vh;animation:my-animation 5s linear infinite;display:flex;flex-direction:column;gap:1rem}@keyframes my-animation{to{transform:translateY(-100%)}}.total,.our-donors-title{padding:1.25rem 5rem 1.25rem 1.25rem}.names-inner{text-align:right}.donor-name{font-size:2.5rem;font-weight:900}.table-number{font-size:2rem}.image{flex:1;display:flex;justify-content:center;align-items:center;position:relative}.blur-image,.front-image{position:absolute;width:80%;height:80%;overflow:hidden;display:flex;justify-content:center;align-items:center}.blur-image img,.front-image img{max-width:100%;max-height:100%}.blur-image img{filter:blur(4px) grayscale(1) invert(100%);opacity:.6}.total-raised-title,.our-donors-title{text-transform:uppercase;font-weight:700;font-size:1.5rem;color:rgba(255,255,255,.3333333333)}.total-raised-amount{font-size:10rem;color:#24aae2;font-weight:900}@media only screen and (max-width: 1400px){.total-raised-amount{font-size:6rem;font-weight:700}.donor-name{font-size:2rem;font-weight:700}}@media only screen and (max-width: 808px){.container{flex-direction:column;align-items:center}.total-raised-amount{font-size:4rem}.image{height:100%;width:100%;margin-top:1rem}.blur-image,.front-image{height:100%;width:100%}.overlays,.names-inner{text-align:center}.total,.our-donors-title,.names{padding:1rem}}@media only screen and (max-width: 640px){.total-raised-amount{font-size:3rem}.donor-name{font-size:1.5rem}}