body{margin:0}.main{z-index:1000;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#7fffd463;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin:auto;padding:20px 30px;border-radius:15px;text-align:center}.main h1{background:linear-gradient(to right,#53cd63 20%,#00affa 30%,#01aecd 70%,#62da4a 80%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-size:500% auto;animation:textShine 5s ease-in-out infinite alternate;padding-bottom:none!important}p{width:100%;margin:0 auto}.button{padding:5px 10px;background-color:#fdfd96;border-radius:7px;width:100%;text-align:center}.button:hover{background-color:#ffff69;cursor:pointer}#balloon-container{height:100vh;padding:1em;box-sizing:border-box;display:flex;flex-wrap:wrap;overflow:hidden;transition:opacity .5s}.balloon{height:125px;width:105px;border-radius:75% 75% 70% 70%;position:relative}.balloon:before{content:"";height:75px;width:1px;padding:1px;background-color:#fdfd96;display:block;position:absolute;top:125px;left:0;right:0;margin:auto}.balloon:after{content:"▲";text-align:center;display:block;position:absolute;color:inherit;top:120px;left:0;right:0;margin:auto}@keyframes float{0%{transform:translateY(100vh);opacity:1}to{transform:translateY(-300vh);opacity:0}}@keyframes textShine{0%{background-position:0% 50%}to{background-position:100% 50%}}@keyframes dissapear{0%{opacity:1}50%{opacity:0}to{opacity:1;animation:none}}@keyframes expand{50%{padding:40px 60px}to{padding:20px 30px}}@keyframes shrink{0%{padding:20px 30px}50%{padding:10px 15px}to{padding:20px 30px}}