.loader{
  position:fixed;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#FFF;
}

.logo{
  width:90px;
  z-index:2;
}

.ring{
  position:absolute;
  width:120px;
  height:120px;
  border:4px solid #F00;
  border-radius:50%;
  animation:ringPulse 2s infinite;
}

.ring:nth-child(3){
  animation-delay:1s;
}

@keyframes ringPulse{
  0%{
    transform:scale(0.5);
    opacity:1;
  }

  100%{
    transform:scale(2);
    opacity:0;
  }
}