JavaScript/Pavlov_hm9/css/style.css

.water{width: 400px;height: 120px;margin: 43vh auto;font-family: 'Kodchasan', sans-serif;}
.dc{display: inline-block;position: relative;font-weight:500;font-size:32px;pointer-events: none;margin:0}
.p1c{left:0;opacity:0;animation: blink1 5s step-end infinite;}
.p2c{bottom:125px;opacity:0;animation: blink2 5s step-end infinite;}
.p3c{bottom:250px;opacity:0;animation: blink3 5s step-end infinite;}
@keyframes  blink1{
    0%{opacity: 1;}
    18%{opacity: 0;}
}
@keyframes  blink2{
    0%{opacity: 0;}
    18%{opacity: 1;}
    50%{opacity: 0;}
}
@keyframes  blink3{
    0%{opacity: 0;}
    50%{opacity: 1;}
    100%{opacity: 0;}
}