#text-drop{position:relative;display:flex;font-size:13px;letter-spacing:2px;text-transform:uppercase;color:#fff}.d1{opacity:0;animation:dropNull .4s linear forwards}.d2{opacity:0;animation:dropNull .4s linear forwards .05s}.d3{opacity:0;animation:dropNull .4s linear forwards .1s}.d4{opacity:0;animation:dropNull .4s linear forwards .2s}.d5{opacity:0;animation:dropNull .4s linear forwards .3s}.d6{opacity:0;animation:dropNull .4s linear forwards .4s}.d7{opacity:0;animation:dropNull .4s linear forwards .5s}.d8{opacity:0;animation:dropNull .4s linear forwards .6s}.d9{opacity:0;animation:dropNull .4s linear forwards .7s}.d9{opacity:0;animation:dropNull .4s linear forwards .8s}.d10{opacity:0;animation:dropNull .4s linear forwards .9s}.doOneAnim{animation-name:drop}.doTwoAnim{animation-name:dropTwo}@keyframes dropTwo{0%{transform:translateY(-100px) scaleY(0.9);opacity:0}5%{opacity:.7}50%{transform:translateY(0px) scaleY(1);opacity:1}65%{transform:translateY(-17px) scaleY(.9);opacity:1}75%{transform:translateY(-22px) scaleY(.9);opacity:1}100%{transform:translateY(0px) scaleY(1);opacity:1}}@keyframes drop{0%{transform:translateY(-100px) scaleY(0.9);opacity:0}5%{opacity:.7}50%{transform:translateY(0px) scaleY(1);opacity:1}65%{transform:translateY(-17px) scaleY(.9);opacity:1}75%{transform:translateY(-22px) scaleY(.9);opacity:1}100%{transform:translateY(0px) scaleY(1);opacity:1}}