/* Sliding diagonals background from CodePen (Chris Smith) */
html { 
  height: 100%; 
}

body { 
  margin: 0; 
}

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

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

.bg3 { 
  animation-duration: 5s; 
}

@keyframes slide { 
  0% { 
    transform: translateX(-25%); 
  } 
  100% { 
    transform: translateX(25%); 
  } 
}