@font-face {
  font-family: "ReAkcia Mini";
  src:
    url("../fonts/ReAkciaMini-Regular.woff2") format("woff2"),
    url("../fonts/ReAkciaMini-Regular.woff") format("woff"),
    url("../fonts/ReAkciaMini-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
    font-family: 'Bebas Neue Cyrillic';
    src: url('../fonts/bebas-neue-cyrillic.woff2') format('woff2'),
         url('../fonts/bebas-neue-cyrillic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.re-akcia-logo-font {
  font-family: "ReAkcia Mini", sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  letter-spacing: 0;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}

.re-akcia-logo-box {
  display: inline-block;
  background: #000;
  padding: 0.22em 0.35em 0.18em;
}

.re-akcia-logo-animated {
  display: inline-block;
  animation: reAkciaShake 2.4s infinite steps(2, end);
}

@keyframes reAkciaShake {
  0%, 92%, 100% { transform: translate(0, 0) rotate(0deg); }
  94% { transform: translate(-1px, 1px) rotate(-0.3deg); }
  96% { transform: translate(1px, -1px) rotate(0.3deg); }
  98% { transform: translate(-1px, 0) rotate(0deg); }
}