.codrops-svg-wrap svg {
    width: auto;
    height: 100px;
    display: inline-block;
    margin: 20px 4px;
}

.codrops-svg-wrap {
    text-align: center;
}

.codrops-svg-wrap .letter {
  transform-box: fill-box;
  transform-origin: center;
}

.codrops-svg-wrap {
    text-align: center;
    width: 440px;
    height: 420px;
}

@media (max-width: 768px) {
  .codrops-svg-wrap svg {
    height: 60px;
    margin: 10px 4px;
  }
  .codrops-svg-wrap {
      text-align: center;
      width: 290px;
      height: 312px;
  }
}

@media (max-width: 425px) {
  .codrops-svg-wrap svg {
    height: 50px;
  }
}

.codrops-svg-wrap.dark svg path,
.codrops-svg-wrap.dark .letter path {
  fill: black;
  stroke: none;
}