#balloons{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;z-index:30}.balloon:before{content:"";height:75px;width:1px;padding:1px;background-color:#fdfd96;top:125px}.balloon:after,.balloon:before{display:block;position:absolute;left:0;right:0;margin:auto}.balloon:after{content:"▲";text-align:center;color:inherit;top:120px}@keyframes float{0%{transform:translateY(100vh);opacity:1}to{transform:translateY(-300vh);opacity:0}}.active{z-index:1;background:#000}.inactive{z-index:0;background:transparent}@-webkit-keyframes fadeOut{0%{opacity:1}50%{opacity:.5}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}50%{opacity:.5}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut;-webkit-animation-duration:10s;animation-duration:10s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:10s;animation-duration:10s;-webkit-animation-fill-mode:both;animation-fill-mode:both}