html {
    box-sizing: border-box;
    scroll-behavior: smooth;
  }
  
  *,
  *::before,
  *::after {
    box-sizing: inherit;
  }
  
  html,
  body {
    min-height: 100%;
  }
  
  body {
    margin: 0;
    background:
    radial-gradient(
      circle at 15% 20%,
      rgba(255,255,255,0.12),
      transparent 45%
    ),
    radial-gradient(
      circle at 85% 30%,
      rgba(120,140,255,0.10),
      transparent 50%
    ),
    linear-gradient(
      -45deg,
      var(--dp-gradient-1),
      var(--dp-gradient-2),
      var(--dp-gradient-3),
      var(--dp-gradient-4)
    ),
    var(--dp-color-bg);

  background-size: 350% 350%;
  animation: dp-gradient-move 45s ease infinite;


    color: var(--dp-color-text);
    font-family: var(--dp-font-family-base);
    font-size: var(--dp-text);
    line-height: var(--dp-line-copy);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  img,
  picture,
  video,
  canvas,
  svg {
    display: block;
    max-width: 100%;
  }
  
  img {
    height: auto;
  }
  
  a {
    color: inherit;
    text-decoration: none;
    transition:
      color var(--dp-duration-fast) var(--dp-ease),
      opacity var(--dp-duration-fast) var(--dp-ease);
  }
  
  button,
  input,
  textarea,
  select {
    font: inherit;
  }
  
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    margin: 0;
    font-family: var(--dp-font-family-display);
    line-height: var(--dp-line-title);
    font-weight: 700;
    text-wrap: balance;
  }
  
  p {
    margin: 0;
    color: var(--dp-color-text-muted);
  }
  
  ul,
  ol {
    margin: 0;
    padding: 0;
  }
  
  .wp-site-blocks {
    padding: 0;
  }


  
  @keyframes dp-gradient-move {

    0% {
      background-position: 0% 50%;
    }
  
    50% {
      background-position: 100% 50%;
    }
  
    100% {
      background-position: 0% 50%;
    }
  
  }