.my {
  font-family: "snp-font";
  font-size: 20px;
  display: inline-block;
  font-style: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
}
.my.my-a::before {
  content: "a";
}
.my.my-b::before {
  content: "b";
}
.my.my-c::before {
  content: "c";
}
.my.my-d::before {
  content: "d";
}
.my.my-e::before {
  content: "e";
}
.my.my-f::before {
  content: "f";
}
.my.my-g::before {
  content: "g";
}
.my.my-j::before {
  content: "j";
}
.my.my-h::before {
  content: "h";
}
.my.my-i::before {
  content: "i";
}
.my.my-k::before {
  content: "k";
}
.my.my-l::before {
  content: "l";
}
.my.my-m::before {
  content: "m";
}
.my.my-n::before {
  content: "n";
}
.my.my-o::before {
  content: "o";
}
.my.my-p::before {
  content: "p";
}
.my.my-q::before {
  content: "q";
}
.my.my-r::before {
  content: "r";
}
.my.my-s::before {
  content: "s";
}
.my.my-t::before {
  content: "t";
}
.my.my-u::before {
  content: "u";
}
.my.my-v::before {
  content: "v";
}
.my.my-w::before {
  content: "w";
}
.my.my-x::before {
  content: "x";
}
.my.my-y::before {
  content: "y";
}
.my.my-z::before {
  content: "z";
}


.my.my-A::before {
  content: "A";
}
.my.my-B::before {
  content: "B";
}
.my.my-C::before {
  content: "C";
}
.my.my-D::before {
  content: "D";
}
.my.my-E::before {
  content: "E";
}
.my.my-F::before {
  content: "F";
}
.my.my-G::before {
  content: "G";
}
.my.my-J::before {
  content: "J";
}
.my.my-H::before {
  content: "H";
}
.my.my-I::before {
  content: "I";
}
.my.my-K::before {
  content: "K";
}
.my.my-L::before {
  content: "L";
}
.my.my-M::before {
  content: "M";
}
.my.my-N::before {
  content: "N";
}
.my.my-O::before {
  content: "O";
}
.my.my-P::before {
  content: "P";
}
.my.my-Q::before {
  content: "Q";
}
.my.my-R::before {
  content: "R";
}
.my.my-S::before {
  content: "S";
}
.my.my-T::before {
  content: "T";
}
.my.my-U::before {
  content: "U";
}
.my.my-V::before {
  content: "V";
}
.my.my-W::before {
  content: "W";
}
.my.my-X::before {
  content: "X";
}
.my.my-Y::before {
  content: "Y";
}
.my.my-Z::before {
  content: "Z";
}