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