:root {
    --bs-body-bg: #2F2B3E;
}

body {
    background-image: linear-gradient(
        to right,
        #9d57af 0%,
        #7847ba 100%
    );
}

h1 {
  position: relative;
  display: inline-block;
  background-size: 110% 100%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-background-clip: text;
  -moz-text-fill-color: transparent;
  -ms-background-clip: text;
  -ms-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  background-image: linear-gradient(
    90deg, #eeeeee, #9393df
  );
  animation: 2s shake infinite alternate;
}

@keyframes shake {
  0% { transform: skewX(-10deg); }
  3% { transform: skewX(10deg); }
  6% { transform: skewX(-10deg); }
  9% { transform: skewX(10deg); }
  12% { transform: skewX(0deg); }
  100% { transform: skewX(0deg); }  
}