body {
  background-image: url('index-bg.png');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 70% 70%;
  background-position: center;
  background-color: #330a0a;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.title {
  text-align: center;
  width: 65%;
  height: 250px;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  user-select: none;
}

.title b{
  font: 400 19vh "Vibur";
  color: rgb(204, 155, 155);
  text-shadow: 0 -40px 100px, 0 0 2px, 0 0 1em #ff4444, 0 0 0.5em #ff4444, 0 0 0.1em #ff4444, 0 10px 3px #000;
}
.title b span{
  animation: blink linear infinite 2s;
}
.title b span:nth-of-type(2){
  animation: blink linear infinite 3s;
}
@keyframes blink {
  78% {
    color: inherit;
    text-shadow: inherit;
  }
  79%{
     color: #333;
  }
  80% {
    
    text-shadow: none;
  }
  81% {
    color: inherit;
    text-shadow: inherit;
  }
  82% {
    color: #333;
    text-shadow: none;
  }
  83% {
    color: inherit;
    text-shadow: inherit;
  }
  92% {
    color: #333;
    text-shadow: none;
  }
  92.5% {
    color: inherit;
    text-shadow: inherit;
  }
}