.intro-wrapper{height:100%;width:100%;top:0;left:0;position:fixed;z-index:10000000;background-color:#fff;}
.intro{background:url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/579121/sky-backr2.jpg') no-repeat;background-size:cover;background-position:center;height:100vh;position:relative;z-index:-1;}
.tulips{bottom:-10px;left:0;overflow:hidden;position:absolute;text-align:center;width:100%;z-index:1;} 
.stemEnd1,.stemEnd2,.stemEnd3,.stemEnd4{visibility:hidden;}
.text-wrapper{width:100%;display:inline-flex;align-items:center;margin-top:200px;overflow:hidden;justify-content:center;}
.text{font-style:italic;font-size:40px;-webkit-text-stroke:0px #fff;color:#fff;font-weight:100;position:relative;}
.text::before{content:attr(data-text);position:absolute;left:0;top:0;color:#e72679;-webkit-text-stroke:1px #e72679;width:0;white-space:nowrap;overflow:hidden;font-weight:100;animation:text-fill 5s ease-in-out forwards;}
@keyframes text-fill {100% {width: 100%;}}