.centerx-centery {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
  }
  
  @media only screen and (width > 1300px) {
    .f-header {
      font-size: 50px !important;
      font-weight: 800 !important;
    }
    .full-h {
      height: 80vh;
    }
  }
  
  /* html,
  body {
    width: 100%;
    height: 100%;
    scroll-behavior: smooth;
  } */
  html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    overflow-y: auto;
    scroll-behavior: smooth;
  }
  
  .container-xxl {
    position: relative;
    height: 100%;
  }
  
  
  body {
    background: linear-gradient(-45deg, #ffffff, #ffab00, #ffffff, #71dd37) !important;
    background-size: 1000% 1000% !important;
    animation: gradient 10s ease infinite !important;
  }
  
  @keyframes gradient {
    0% {
      background-position: 0% 50%;
    }
    50% {
      background-position: 50% 50%;
    }
    100% {
      background-position: 0% 50%;
    }
  }
  
  .card-container {
    background-color: #ffffff !important;
    border-radius: 30px;
    padding: 20px;
    margin-top: 20px;
  }
  
  .card-container-full {
    background-color: #ffffff !important;
    border-radius: 30px;
    padding: 20px;
    margin-top: 20px;
    width: 100%;
  }