.bluebackground{
    background-color: #14213D;
}
.turqiousebackground{
    background-color: #4CE0D2;
    border:0px;
}
.open-sans{
  font-family: "Open Sans", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}
.custom-header-1{
    font-family: "Open Sans", serif;
    color: white;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings:
      "wdth" 100;
  }
  .custom-header-2{
    font-family: "Open Sans", serif;
    font-size: 24px;
    color: white;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    font-variation-settings:
      "wdth" 100;
  }
.custom-button-1{
    font-size:16px;
    font-weight: 500px;
}
.gradient-background {
    background: linear-gradient(300deg, #14213D, #136F63, #22AAA1);
    background-size: 180% 180%;
    animation: gradient-animation 6s ease infinite;
  }
  
  @keyframes gradient-animation {
    0% {
      background-position: 0% 50%;
    }
    50% {
      background-position: 100% 50%;
    }
    100% {
      background-position: 0% 50%;
    }
  }