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

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

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

.btn-customize {
    //border-color: rgba(193, 31, 29, 1);
    //border-width: 2px;
    color: rgba(230, 51, 90, 1);
}

.btn-customize:hover {
    //background-color: rgba(193, 31, 29, 1);
    //border-color: rgba(193, 31, 29, 1);
    color: rgba(230, 51, 90, 1);
}

.btn-ani {
    //background: rgba(230, 51, 49, 1);
    box-shadow: 0 0 0 0 rgba(193, 31, 29, 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;
}