:root{--width:300px;--x-speed:13s;--y-speed:7s;--transition-speed:2.2s}h1{text-align:center;margin-top:60px;color:white}body{background-image:url("/mb.jpg");background-size:cover;background-repeat:no-repeat;background-attachment:fixed;font-family:"Libre Baskerville";background-position:center}.donor-bg-container{background-repeat:no-repeat;background-size:cover;background-attachment:fixed;padding:30px 15px}@media (max-width: 768px){.donor-bg-container{background-image:none !important}}.bubble span{position:relative;z-index:10}.donor-brick{padding:20px;border-radius:2px;display:flex;justify-content:center;align-items:center;border:1px solid black;width:10%;height:100px;float:left;min-width:100px;min-height:100px;flex:1 auto;border-style:inset;border:2px solid #a9a9a9;text-align:center}body{color:#333;font:100% Lato, Arial, Sans Serif;height:100vh;margin:0;padding:0}.container{padding:10px;display:inline-block;position:relative;border-radius:50%}#donor-wall-container{bottom:0;left:0;position:relative;right:0;top:0;display:flex;align-items:flex-end;justify-content:center;flex-wrap:wrap;z-index:1}@-webkit-keyframes animateBubble{0%{top:10px}50%{top:-10px}100%{top:10px}}@-moz-keyframes animateBubble{0%{top:10px}50%{top:-10px}100%{top:10px}}@keyframes animateBubble{0%{top:10px}50%{top:-10px}100%{top:10px}}@-webkit-keyframes sideWays{0%{left:10px}50%{left:-10px}100%{left:10px}}@-moz-keyframes sideWays{0%{right:10px}50%{right:-10px}100%{right:10px}}@keyframes sideWays{0%{left:10px}50%{left:-10px}100%{left:10px}}.x1{-webkit-animation:animateBubble 1s linear infinite, sideWays 2s ease-in-out infinite alternate;-moz-animation:animateBubble 1s linear infinite, sideWays 2s ease-in-out infinite alternate;animation:animateBubble 1s linear infinite, sideWays 2s ease-in-out infinite alternate}.x2{-webkit-animation:animateBubble 2s linear infinite, sideWays 4s ease-in-out infinite alternate;-moz-animation:animateBubble 2s linear infinite, sideWays 4s ease-in-out infinite alternate;animation:animateBubble 2s linear infinite, sideWays 4s ease-in-out infinite alternate}.x3{-webkit-animation:animateBubble 3s linear infinite, sideWays 2s ease-in-out infinite alternate;-moz-animation:animateBubble 3s linear infinite, sideWays 2s ease-in-out infinite alternate;animation:animateBubble 3s linear infinite, sideWays 2s ease-in-out infinite alternate}.x4{-webkit-animation:animateBubble 1s linear infinite, sideWays 3s ease-in-out infinite alternate;-moz-animation:animateBubble 1s linear infinite, sideWays 3s ease-in-out infinite alternate;animation:animateBubble 1s linear infinite, sideWays 3s ease-in-out infinite alternate}.x5{-webkit-animation:animateBubble 2s linear infinite, sideWays 4s ease-in-out infinite alternate;-moz-animation:animateBubble 2s linear infinite, sideWays 4s ease-in-out infinite alternate;animation:animateBubble 2s linear infinite, sideWays 4s ease-in-out infinite alternate}.x6{-webkit-animation:animateBubble 3s linear infinite, sideWays 2s ease-in-out infinite alternate;-moz-animation:animateBubble 3s linear infinite, sideWays 2s ease-in-out infinite alternate;animation:animateBubble 3s linear infinite, sideWays 2s ease-in-out infinite alternate}.x7{-webkit-animation:animateBubble 4s linear infinite, sideWays 2s ease-in-out infinite alternate;-moz-animation:animateBubble 4s linear infinite, sideWays 2s ease-in-out infinite alternate;animation:animateBubble 4s linear infinite, sideWays 2s ease-in-out infinite alternate}.x8{-webkit-animation:animateBubble 1s linear infinite, sideWays 3s ease-in-out infinite alternate;-moz-animation:animateBubble 1s linear infinite, sideWays 3s ease-in-out infinite alternate;animation:animateBubble 1s linear infinite, sideWays 3s ease-in-out infinite alternate}.x9{-webkit-animation:animateBubble 2s linear infinite, sideWays 4s ease-in-out infinite alternate;-moz-animation:animateBubble 2s linear infinite, sideWays 4s ease-in-out infinite alternate;animation:animateBubble 2s linear infinite, sideWays 4s ease-in-out infinite alternate}.x10{-webkit-animation:animateBubble 3s linear infinite, sideWays 2s ease-in-out infinite alternate;-moz-animation:animateBubble 3s linear infinite, sideWays 2s ease-in-out infinite alternate;animation:animateBubble 3s linear infinite, sideWays 2s ease-in-out infinite alternate}.bubble{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;padding:30px;-webkit-box-shadow:0 20px 30px rgba(0, 0, 0, 0.2), inset 0px 10px 30px 5px rgba(255, 255, 255, 1);-moz-box-shadow:0 20px 30px rgba(0, 0, 0, 0.2), inset 0px 10px 30px 5px rgba(255, 255, 255, 1);box-shadow:0 20px 30px rgba(0, 0, 0, 0.2), inset 0px 10px 30px 5px rgba(255, 255, 255, 1);height:200px;position:relative;width:200px;font-size:28px;color:black;min-height:150px;min-width:150px}.bubble:after{background:-moz-radial-gradient( center, ellipse cover, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 90% );background:-webkit-gradient( radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(70%, rgba(255, 255, 255, 0)) );background:-webkit-radial-gradient( center, ellipse cover, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 90% );background:-o-radial-gradient( center, ellipse cover, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 90% );background:-ms-radial-gradient( center, ellipse cover, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 90% );background:radial-gradient( ellipse at center, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 90% );filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#00ffffff',GradientType=1 );-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-box-shadow:inset 0 20px 30px rgba(255, 255, 255, 0.3);-moz-box-shadow:inset 0 20px 30px rgba(255, 255, 255, 0.3);box-shadow:inset 0 20px 30px rgba(255, 255, 255, 0.3);content:"";height:90%;left:50%;position:absolute;width:90%;transform:translateX(-50%)}