.btn_div {
  display: flex;
  place-content: center;
  padding: 1rem 0 6rem 0;
}

h2 {
  padding-left: 3rem;
}

h3 a {
  color: #f500a0;
}

p {
  padding-top: 1rem;
}

/** self drawing svg **/

.self-drawing-svg.face path {
  stroke-dasharray: 20966;
  stroke-dashoffset: 20966;
  animation: dash-face 8s ease-in-out infinite alternate;
}

.self-drawing-svg.bunny path {
  stroke-dasharray: 34746;
  stroke-dashoffset: 34746;
  animation: dash-bunny 8s ease-in-out infinite alternate;
}

.self-drawing-svg.face25 path {
  stroke-dasharray: 996;
  stroke-dashoffset: 996;
  animation: dash-face25 8s ease-in-out infinite alternate;
}

.bunny,
.face,
.face25 {
  height: 45vh;
  max-width: 70vw;
  padding: 2rem;
}

.svgs {
  padding: 0 2rem;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
}

@keyframes dash-face {
  from {
    stroke-dashoffset: 20966;
    stroke: #f500a0;
  }
  to {
    stroke-dashoffset: 0;
    stroke: black;
  }
}

@keyframes dash-face25 {
  from {
    stroke-dashoffset: 996;
    stroke: #00bc13ff;
  }
  to {
    stroke-dashoffset: 0;
    stroke: black;
  }
}

@keyframes dash-bunny {
  from {
    stroke-dashoffset: 34746;
    stroke: black;
  }
  to {
    stroke-dashoffset: 0;
    stroke: #c19c84ff;
  }
}

/* ******* */