#hull {
    padding-top: .4rem;
    padding-left: .6rem;
}

#dot {
    width: 3px;
    height: 3px;
    background-color: darkred;
    border-radius: 50%;
}

#dot:after {
    content:'';
    position:absolute;
    width: 15px;
    height: 15px;
    
    border: none;
    border-radius: 50%;
    animation: blubb 4s ease infinite;
    
    background-color: #FE2E64;
}
        

@-webkit-keyframes blubb {
  0%{
    transform:translate(-7.5px, -6px) scale(.0);
    opacity:0;
  }
  15%{
    transform:translate(-7.5px, -6px) scale(.05);
    opacity:1;
    background-color: darkred;
  }
  70%{
    transform:translate(-7.5px, -6px) scale(2.0);
    opacity:.025;
    background-color: lightgreen;
  }
  100%{
    transform:translate(-7.5px, -6px) scale(2.75);
    opacity:0;
    background-color: #FE2E64;
  }
}