body {
  background-image: url("../media/bg-kn.jpg");
  background-size: cover;
  background-position: top;
  background-attachment: fixed;
}

.ff-primary {
    font-family: 'Capriola', sans-serif;
}

.text-primary {
    color: #202124!important;
}

.btn-customize {
    //background-color: rgba(75, 224, 82, 1);
    //border-color: rgba(54, 203, 61, 1);
    border-width: 2px;
    color: rgba(54, 203, 61, 1);
}

.btn-customize:hover {
    //background-color: rgba(54, 203, 61, 1);
    //border-color: rgba(54, 203, 61, 1);
    color: rgba(54, 203, 61, 1);
}

.btn-ani {
    //background: rgba(75, 224, 82, 1);
    box-shadow: 0 0 0 0 rgba(54, 203, 61, 1);
    animation: btn-ani 2s infinite;
  }
  
  @keyframes btn-ani {
    0% {
      transform: scale(0.95);
      box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
    }
    
    70% {
      transform: scale(1);
      box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
    }
    
    100% {
      transform: scale(0.95);
      box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
  }

.ani-hover {
  transform: scale(1);
  transition: all .2s ease-out;
}

.ani-hover:hover {
  transform: scale(1.1);
  transition: transform .2s ease-out;
}