:root {
  --main-color: #0C0C0C;
  --secondary-color: #B9955F;
}
  
* {
  font-family: "Unbounded", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}


 body {
      background-color: var(--main-color);
        color: #fff;
          margin: 0;
  }

  .highlight-font {
    font-family: 'Lemon', cursive;
  }

#allrecords a {
    color: #fff;
    text-decoration: none;
}

@keyframes scaleRotate {
  0% {
    transform: scale(1) rotate(0deg);
  }
  25% {
    transform: scale(1.1) rotate(3deg);
  }
  50% {
    transform: scale(1) rotate(0deg);
  }
75% {
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
      transform: scale(1) rotate(0deg);
  }
}

/* Соцсети */

.social-link-image {
    animation: moveAround 2.5s ease-in-out infinite;
}

.social-link {
    animation: moveUpDown 2.5s ease-in-out infinite;
}

.social-hand {
    animation: moveCircle 4s ease-in-out infinite;
}

/* Сертификат */

.certificate {
    animation: moveAround 2.5s ease-in-out infinite;
}

@keyframes moveAround {
  0% {
    transform: translateX(0) translateY(0) rotate(0deg);
  }
  25% {
    transform: translateX(5px) translateY(-1px) rotate(2deg);
  }
  50% {
    transform: translateX(-3px) translateY(6px) rotate(-4deg);
  }
75% {
        transform: translateX(5px) translateY(-1px) rotate(2deg);
  }
  100% {
    transform: translateX(0) translateY(0) rotate(0deg);
  }
}

@keyframes moveUpDown {
  0% {
    transform: translateY(0);
  }
  25% {
    transform: translateY(-2px);
  }
  50% {
    transform: translateY(6px);
  }
75% {
        transform: translateY(3px);
  }
  100% {
    transform: translateY(0);
  }
}

@keyframes moveCircle {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(1.5deg);
  }
  50% {
    transform: rotate(-1deg);
  }
75% {
        transform: rotate(2deg);
  }
  100% {
    transform: rotate(0deg);
  }
}