body {
      color: #000;
    }
    .blog-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0.75rem 1rem;
      
    }
    .blog-title {
      font-size: 1.75rem;
      font-weight: bold;
      margin: 0;
    }
    .blog-icons img {
      margin-left: 0.5rem;
    }
    .tag.is-light {
      background-color: #f5f5f5;
      color: #555;
    }

 a.is-dotted {
  text-decoration: underline dotted;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
  color: inherit;
}

a.is-dotted:hover {
  text-decoration-style: solid;
}
.code-font {
  font-family: 'Source Code Pro', monospace;
}
body {
  font-family: 'Montserrat', sans-serif;
}

.no-shadow {
  box-shadow: none;
  border: 0px; /* или любой другой цвет */
}

.pagination-link {
  background-color: #f5f5f5; /* фон */
  color: gray;              /* текст */
  border-color: #f5f5f5;     /* рамка */
}
.footer .content {
  margin: 0;
  padding: 0;
}
a.shaking-text:hover {
    animation: shake 0.5s ease-in-out infinite;
    display: inline-block; /* важно для правильной работы */
}

@keyframes shake {
    0%, 100% { transform: translateX(0); }
    10%, 30%, 50%, 70%, 90% { transform: translateX(-5px); }
    20%, 40%, 60%, 80% { transform: translateX(5px); }
}

a.random-shake:hover {
    animation: randomShake 0.8s ease-in-out infinite;
    display: inline-block;
}

@keyframes randomShake {
    0% { transform: translateX(0); }
    10% { transform: translateX(-3px); }
    20% { transform: translateX(5px); }
    30% { transform: translateX(-7px); }
    40% { transform: translateX(2px); }
    50% { transform: translateX(-5px); }
    60% { transform: translateX(3px); }
    70% { transform: translateX(-2px); }
    80% { transform: translateX(4px); }
    90% { transform: translateX(-1px); }
    100% { transform: translateX(0); }
}