@import"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;inset:0;overflow:hidden}.notices{z-index:2}.notices span,.stage span{position:absolute}.stage span{width:50px;height:50px;background-color:#bfbfbf52;box-shadow:0 0 5px #c0c0c04d,0 0 15px #c0c0c04d,0 0 30px #c0c0c04d;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:#fff5}.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}}