.elementor-1544 .elementor-element.elementor-element-387b41c{--display:flex;}.elementor-1544 .elementor-element.elementor-element-8bc3161{--display:flex;}.elementor-1544 .elementor-element.elementor-element-c43f944{--spacer-size:0px;}.elementor-1544 .elementor-element.elementor-element-a70e435{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1544 .elementor-element.elementor-element-7f728b7{text-align:center;}.elementor-1544 .elementor-element.elementor-element-7f728b7 .elementor-heading-title{font-family:"Arima", Sans-serif;font-size:30px;font-weight:600;color:#000000;}.elementor-1544 .elementor-element.elementor-element-ec7ccae{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:26px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1544 .elementor-element.elementor-element-f2c3f08 .wpr-highlighted-text svg path{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}.elementor-1544 .elementor-element.elementor-element-f2c3f08 .wpr-highlighted-text svg.wpr-highlight-x path:first-child{-webkit-animation-delay:-webkit-calc(0s + 0.3s);animation-delay:calc(0s + 0.3s);}.elementor-1544 .elementor-element.elementor-element-f2c3f08 .wpr-highlighted-text svg.wpr-highlight-double path:last-child{-webkit-animation-delay:-webkit-calc(0s + 0.3s);animation-delay:calc(0s + 0.3s);}.elementor-1544 .elementor-element.elementor-element-f2c3f08 .wpr-highlighted-text svg.wpr-highlight-double-underline path:last-child{-webkit-animation-delay:-webkit-calc(0s + 0.3s);animation-delay:calc(0s + 0.3s);}.elementor-1544 .elementor-element.elementor-element-f2c3f08 .wpr-advanced-text{text-align:center;}.elementor-1544 .elementor-element.elementor-element-f2c3f08 .wpr-advanced-text a{text-align:center;}.elementor-1544 .elementor-element.elementor-element-f2c3f08 .wpr-advanced-text-preffix{color:#000000;font-family:"Arima", Sans-serif;font-weight:600;padding-top:10px;padding-bottom:10px;}.elementor-1544 .elementor-element.elementor-element-f2c3f08 .wpr-anim-text{color:#F8F246;padding:10px 10px 10px 10px;}.elementor-1544 .elementor-element.elementor-element-f2c3f08 .wpr-highlighted-text{color:#F8F246;padding:10px 10px 10px 10px;}.elementor-1544 .elementor-element.elementor-element-f2c3f08 .wpr-anim-text b, .elementor-1544 .elementor-element.elementor-element-f2c3f08 .wpr-anim-text b i,.elementor-1544 .elementor-element.elementor-element-f2c3f08 .wpr-anim-text,.elementor-1544 .elementor-element.elementor-element-f2c3f08 .wpr-highlighted-text{font-family:"Arima", Sans-serif;font-weight:600;}.elementor-1544 .elementor-element.elementor-element-f2c3f08 .wpr-advanced-text-suffuix{padding-top:10px;padding-bottom:10px;}.elementor-1544 .elementor-element.elementor-element-f2c3f08 .wpr-highlighted-text path{stroke:#C6782E;stroke-width:10px;}.elementor-1544 .elementor-element.elementor-element-f2c3f08 .wpr-highlighted-text svg{width:99%;height:113%;z-index:1;}.elementor-1544 .elementor-element.elementor-element-f2c3f08 .wpr-advanced-text-suffix{color:#333333;}.elementor-1544 .elementor-element.elementor-element-998e593{--display:flex;}.elementor-1544 .elementor-element.elementor-element-608c7d4{--spacer-size:7px;}.elementor-1544 .elementor-element.elementor-element-72b58f0{--display:flex;}.elementor-1544 .elementor-element.elementor-element-38bf221 .wpr-highlighted-text svg path{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}.elementor-1544 .elementor-element.elementor-element-38bf221 .wpr-highlighted-text svg.wpr-highlight-x path:first-child{-webkit-animation-delay:-webkit-calc(0s + 0.3s);animation-delay:calc(0s + 0.3s);}.elementor-1544 .elementor-element.elementor-element-38bf221 .wpr-highlighted-text svg.wpr-highlight-double path:last-child{-webkit-animation-delay:-webkit-calc(0s + 0.3s);animation-delay:calc(0s + 0.3s);}.elementor-1544 .elementor-element.elementor-element-38bf221 .wpr-highlighted-text svg.wpr-highlight-double-underline path:last-child{-webkit-animation-delay:-webkit-calc(0s + 0.3s);animation-delay:calc(0s + 0.3s);}.elementor-1544 .elementor-element.elementor-element-38bf221 .wpr-advanced-text{text-align:center;}.elementor-1544 .elementor-element.elementor-element-38bf221 .wpr-advanced-text a{text-align:center;}.elementor-1544 .elementor-element.elementor-element-38bf221 .wpr-advanced-text-preffix{color:#000000;font-family:"Arima", Sans-serif;font-weight:600;padding-top:10px;padding-bottom:10px;}.elementor-1544 .elementor-element.elementor-element-38bf221 .wpr-anim-text{color:#F8F246;padding:10px 10px 10px 10px;}.elementor-1544 .elementor-element.elementor-element-38bf221 .wpr-highlighted-text{color:#F8F246;padding:10px 10px 10px 10px;}.elementor-1544 .elementor-element.elementor-element-38bf221 .wpr-anim-text b, .elementor-1544 .elementor-element.elementor-element-38bf221 .wpr-anim-text b i,.elementor-1544 .elementor-element.elementor-element-38bf221 .wpr-anim-text,.elementor-1544 .elementor-element.elementor-element-38bf221 .wpr-highlighted-text{font-family:"Arima", Sans-serif;font-weight:600;}.elementor-1544 .elementor-element.elementor-element-38bf221 .wpr-advanced-text-suffuix{padding-top:10px;padding-bottom:10px;}.elementor-1544 .elementor-element.elementor-element-38bf221 .wpr-highlighted-text path{stroke:#C6782E;stroke-width:10px;}.elementor-1544 .elementor-element.elementor-element-38bf221 .wpr-highlighted-text svg{width:99%;height:113%;z-index:1;}.elementor-1544 .elementor-element.elementor-element-38bf221 .wpr-advanced-text-suffix{color:#333333;}.elementor-1544 .elementor-element.elementor-element-03e9835{--display:flex;--margin-top:26px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1544 .elementor-element.elementor-element-62424ea{text-align:center;}.elementor-1544 .elementor-element.elementor-element-62424ea .elementor-heading-title{font-family:"Arima", Sans-serif;font-size:30px;font-weight:600;color:#000000;}.elementor-1544 .elementor-element.elementor-element-4662ac5{--display:flex;}.elementor-widget-ha-cf7 .wpcf7-form-control:not(.wpcf7-submit){font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ha-cf7 label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ha-cf7 .wpcf7-submit{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1544 .elementor-element.elementor-element-ac68a68.elementor-element{--align-self:center;}.elementor-1544 .elementor-element.elementor-element-ac68a68 .wpcf7-form-control:not(.wpcf7-submit){font-family:"Encode Sans", Sans-serif;font-weight:400;}/* Start custom CSS for html, class: .elementor-element-d1ba08e */<!DOCTYPE html>
<html>
<head>
  <style>
    html {
      height: 100%;
    }

    body {
      margin: 0;
    }

    .bg {
      animation: slide 12s ease-in-out infinite alternate;
      background-image: linear-gradient(-60deg, #8c5826 50%, #fff 50%);
      bottom: 0;
      left: -50%;
      opacity: .5;
      position: fixed;
      right: -50%;
      top: 0;
      z-index: -1;
    }

    .bg2 {
      animation-direction: alternate-reverse;
      animation-duration: 16s;
    }

    .bg3 {
      animation-duration: 20s;
    }

    .content {
      background-color: rgba(225, 241, 242, .9);
      border-radius: .25em;
      box-shadow: 0 0 .25em rgba(0,0,0,.25);
      box-sizing: border-box;
      left: 50%;
      padding: 10vmin;
      position: fixed;
      text-align: center;
      top: 50%;
      transform: translate(-50%, -50%);
    }

    h1 {
      font-family: monospace;
    }

    @keyframes slide {
      0% {
        transform: translateX(-25%);
      }
      100% {
        transform: translateX(25%);
      }
    }
  </style>
</head>
<body>

  <div class="bg"></div>
  <div class="bg bg2"></div>
  <div class="bg bg3"></div>

  <div class="content">
    <h1>Background Slide Animation</h1>
  </div>

</body>
</html>/* End custom CSS */