.site-content {
  /*background: linear-gradient(to bottom right, #e040fb, #00bcd4, #e040fb);
  background-size: 200%;*/
}

/* Begin animated gradient buttons */

.jumbotron-button a {
  background-image: linear-gradient(to right, #E040fb 0%, #00bcd4 50%, #e040fb 100%);
  background-size:  200%;
  transition: all 0.8s ease;
  color: #fff !important;
}

.jumbotron-button a:hover {
  background-position: right center;
}

/* this makes the widget buttons colorful (background) */
/*.wp-block-button__link {
  background-image: linear-gradient(to right, #E040fb 0%, #00bcd4 50%, #e040fb 100%);
  background-size:  200%;
  transition: all 0.8s ease;
  color: #fff !important;
}

.wp-block-button__link:hover {
  background-position: right center;
}*/

.wp-block-button__link, .wpcf7-submit, input[type=submit] {
  background-color: #fff;
  color: #333;
  font-weight: normal;
  border: 10px solid;
  border-image-slice: 1;
  border-width: 2px;
  border-image-source: linear-gradient(to bottom right, #E040fb 0%, #00bcd4 50%, #e040fb 100%);
}

/* End animated gradient buttons */


/* begin animated fontawesome arrow links */

a.arrow .fa {
  transition: all 300ms ease-out;
  margin-left: 4px;
}

a.arrow:hover .fa {
  transform: translateX(4px);
}

/* end animated fontawesome arrow links */


/* begin gradient jumbotron headline */

.bottom-header-title {
  display: inline-block;
  background: linear-gradient(to right, #E040fb,#00bcd4,#E040fb);
  background-clip: text;
  -webkit-background-clip:text;
  color:rgba(0,0,0,0) !important;
}

/* end gradient jumbotron headline */


/* begin colored widget links */

.wp-widget-group__inner-blocks a.arrow {
  background-image: linear-gradient(to right, #E040fb 0%, #00bcd4 50%, #e040fb 100%);
  background-size: 200%;
  background-clip: text;
  -webkit-background-clip: text;
  color: rgba(51, 51, 51, 1);
  transition: all 0.2s ease-in-out;
  animation: button-gradient 2s ease-in-out infinite;
}

.wp-widget-group__inner-blocks a.arrow:hover {
  color: rgba(0, 0, 0, 0);
}

@keyframes button-gradient {
  0%{background-position:left}
  50%{background-position:right}
  100%{background-position:left}
}

.wp-widget-group__inner-blocks a.arrow:hover .fa {
  transform: none;
}

/* end colored widget links */


/* begin gradient widget borders */

.header-widget {
  border: 10px solid;
  border-image-slice: 1;
  border-width: 2px;
  border-image-source: linear-gradient(to bottom right, #E040fb 0%, #00bcd4 50%, #e040fb 100%);
}

/* end gradient widget borders */

/* Begin animated title text */

.site-title a {
  
  background: linear-gradient(to right, #E040fb,#00bcd4,#E040fb);
  background-size: 200% 200%;
  animation: gradient 6s ease infinite;
  background-clip: text;
  -webkit-background-clip:text;
  color:rgba(0,0,0,1);
  transition: color 1s ease-in-out;
}

.site-title a:hover {
  color:rgba(0,0,0,0);
}

@keyframes gradient { 
  0%{background-position:left}
  50%{background-position:right}
  100%{background-position:left}
}


/* End animated title text */


/* begin animated nav */

.main-navigation ul li a {
  background:  linear-gradient(to right, #e040fb,#00bcd4,#e040fb);
  background-size: 200%;
  animation:  gradient 4s ease;
  background-clip: text;
  -webkit-background-clip: text;
  color: rgba(0, 0, 0, 1.0);
  transition: color 0.2s ease;
}

.main-navigation ul li a:hover {
  color: rgba(0, 0, 0, 0);
}

/* end animated nav */

/* begin basic page styles */

article.fbox, .swidgets-wrap {
  border: 10px solid;
  border-image-slice: 1;
  border-width: 2px;
  border-image-source: linear-gradient(to bottom right, #E040fb 0%, #00bcd4 50%, #e040fb 100%);
}

blockquote.wp-block-quote {
  border: 10px solid;
  border-image-slice: 1;
  border-width: 0 0 0 6px;
  border-image-source: linear-gradient(to bottom, #E040fb 0%, #00bcd4 100%);
}

/* end basic page styles */


/* begin site footer */

.site-footer {
  background-image: linear-gradient(to right, #E040fb 0%, #00bcd4 100%);
}

/* end site footer */