@import url("https://fonts.googleapis.com/css?family=Major+Mono+Display");
body {
  background-color: #f6f9ff;
  font-family: "Major Mono Display", monospace;
}

.container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
}
.container .backone {
  z-index: 5;
  position: absolute;
  background-color: #a6bffd;
  transition: all 1s ease;
  width: 115px;
  height: 115px;
  border-radius: 100%;
  animation: attack 1s ease infinite;
  -webkit-animation: attack 1s ease infinite;
}
.container .button {
  z-index: 6;
  position: absolute;
  transition: all 1s ease;
  width: 100px;
  height: 100px;
  border-radius: 100%;
  background-color: #cf4223;
}
.container .button i {
  position: absolute;
  top: 27px;
  left: 31px;
  font-size: 40px;
  color: #a6bffd;
}
.container .title {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 220px;
}
.container .title span {
  text-align: center;
  color: #3b3b4f;
}
.container .title span a {
  color: #cf4223;
  text-decoration: none;
  font-weight: bold;
}

@keyframes attack {
  0% {
    transform: scale(1.1);
  }
  50% {
    transform: scale(1.2);
    opacity: 0.6;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
@-webkit-keyframes attack {
  0% {
    transform: scale(1.1);
  }
  50% {
    transform: scale(1.2);
    opacity: 0.6;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}