jetsloth

/*Variables - Change Colors here*/
:root {
    --aqua-color: #9fe0dc;
    --dark-aqua-color: #83c4c0;
    --orange-color: #f68b2e;
}
/* Basic input styles */
.gform_wrapper.gravity-theme .demo1-box-layout input[type="text"],
.gform_wrapper.gravity-theme .demo1-box-layout input[type="email"],
.gform_wrapper.gravity-theme .demo1-box-layout input[type="tel"],

jetsloth

/*Variables - Change Colors here*/
:root {
    --red-color: #d12d5d;
    --dark-blue-color: #0c1c34;
    --blue-color: #1451c7;
}
/*Hide legand*/
.gform_required_legend {
    display:none;
}

jetsloth

/*Variables - Change Colors here*/
:root {
    --red-color: #d12d5d;
    --dark-blue-color: #0c1c34;
    --blue-color: #1451c7;
}
/*Hide legand*/
.gform_required_legend {
    display:none;
}

jetsloth

/*Variables - Change Colors here*/
:root {
    --aqua-color: #9fe0dc;
    --dark-aqua-color: #83c4c0;
    --yellow-color: #f6c834;
}
/* Basic input styles */
.gform_wrapper.gravity-theme .demo4-box-layout input[type="text"],
.gform_wrapper.gravity-theme .demo4-box-layout input[type="email"],
.gform_wrapper.gravity-theme .demo4-box-layout input[type="tel"],

jetsloth

/*Variables - Change Colors here*/
:root {
    --blue-color: #1451c7;
    --pink-color: #ff8089;
}
/* Basic input styles */
.gform_wrapper.gravity-theme .demo5-box-layout input[type="text"],
.gform_wrapper.gravity-theme .demo5-box-layout input[type="email"],
.gform_wrapper.gravity-theme .demo5-box-layout input[type="tel"],
.gform_wrapper.gravity-theme .demo5-box-layout textarea {

jetsloth

/*Import google font - Montserrat*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@800&display=swap');
/*Form outside wrapper styles*/
.gform_wrapper.logo-creator_wrapper {
    background: #FFFFFF;
    border: 2px solid #1D1D1F;
    box-shadow: 5px 5px 0 0 #000000;
    border-radius: 5px;
    position:relative;
}

jetsloth

/*Below will apply the chose wiggle effect to the submit button.*/
/*Just change the animation type to the wiiggle effect you want, wiggle1,wiggle2,wiggle3,wiggle4.*/
.gform_button.button {
    animation: wiggle1 1.5s ease-in infinite;
}

/*CSS Wiggle 1*/
@keyframes wiggle1 {
  0%, 7% {transform: rotateZ(0);}
  15% {transform: rotateZ(-13deg);}

jetsloth

/*Add the class pulse to any field you want to pulse*/
.pulse input,
.pulse textarea {
    animation: pulse-animation 3s infinite;
}

@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0px #2d6dec;
  }

jetsloth

/*Add animated CSS gradient to your form background*/
.gradient_wrapper {
      background: linear-gradient(45deg, #2455EB, #24DDEB, #59EB24);
      background-size: 600% 600%;
      animation: GradientBackground 9s ease-in infinite;
      border:none!important;
}

@keyframes GradientBackground {
      0% {

jetsloth

/*////////////////////////// Color Variables //////////////////////////*/
:root {
    /*Purple*/
    --theme1: #7245F1;
    --theme1-light: #F0ECFD;
    /*Orange*/
    --theme2: #FFA630;
    --theme2-light: #FFF7EC;
    /*Blue*/
    --theme3: #0076FF;