@import"https://fonts.googleapis.com/css?family=Baloo+Paaji";:root{--primary-color: #4F46E5;--secondary-color: #4338CA;--tertiary-color: #000}.banner-text{width:100%;height:150px;position:relative}.banner-text h1,h2{text-transform:uppercase}.banner-text h1 span,h2 span{width:100%;float:left;color:var(--tertiary-color);-webkit-clip-path:polygon(100% 0,100% 100%,0 100%,0 80%);clip-path:polygon(100% 0,100% 100%,0 100%,0 80%);transform:translateY(-50px);opacity:0;animation-name:titleAnimation;animation-timing-function:ease;animation-duration:3s;animation-iteration-count:infinite}.banner-text h1 span{animation-delay:.6s;-webkit-animation-fill-mode:forwards}.banner-text h1 span:first-child{animation-delay:.7s}.banner-text h1 span:last-child{color:var(--secondary-color);animation-delay:.5s}.banner-text h2{top:0;position:absolute}.banner-text h2 span{animation-delay:4.1s;-webkit-animation-fill-mode:forwards}.banner-text h2 span:first-child{animation-delay:4.2s}.banner-text h2 span:last-child{color:var(--secondary-color);animation-delay:4s}@keyframes titleAnimation{0%{transform:translateY(-50px);opacity:0;-webkit-clip-path:polygon(100% 0,100% 100%,0 100%,0 80%);clip-path:polygon(100% 0,100% 100%,0 100%,0 80%)}20%{transform:translateY(0);opacity:1;-webkit-clip-path:polygon(100% 0,100% 100%,0 100%,0 15%);clip-path:polygon(100% 0,100% 100%,0 100%,0 15%)}80%{transform:translateY(0);opacity:1;-webkit-clip-path:polygon(100% 0,100% 100%,0 100%,0 15%);clip-path:polygon(100% 0,100% 100%,0 100%,0 15%)}to{transform:translateY(50px);opacity:0;-webkit-clip-path:polygon(100% 0,100% -0%,0 100%,0 100%);clip-path:polygon(100% 0,100% -0%,0 100%,0 100%)}}@media (min-width: 320px) and (max-width: 576px){.banner-text{height:115px}}@keyframes pulse-ring{0%{transform:scale(.95);opacity:.75}70%{transform:scale(1.15);opacity:0}to{transform:scale(1.15);opacity:0}}.animate-pulse-ring{animation:pulse-ring 2s cubic-bezier(.215,.61,.355,1) infinite}.animation-delay-100{animation-delay:.1s}.animation-delay-200{animation-delay:.2s}.animation-delay-300{animation-delay:.3s}.animation-delay-400{animation-delay:.4s}.animation-delay-500{animation-delay:.5s}.animation-delay-600{animation-delay:.6s}@keyframes bubbleFloat1{0%{transform:translateY(0) scale(.8);opacity:.6}to{transform:translateY(-12px) scale(1);opacity:1}}@keyframes bubbleFloat2{0%{transform:translateY(0) scale(.8);opacity:.6}to{transform:translateY(-10px) scale(1);opacity:1}}@keyframes bubbleFloat3{0%{transform:translateY(0) scale(.8);opacity:.6}to{transform:translateY(-8px) scale(1);opacity:1}}.animate-bubble1{animation:bubbleFloat1 1s ease-in-out infinite alternate}.animate-bubble2{animation:bubbleFloat2 1s ease-in-out infinite alternate}.animate-bubble3{animation:bubbleFloat3 1s ease-in-out infinite alternate}