/*https://cdn.svgator.com/images/2022/06/animated-svg-background-example.svg
https://cdn.svgator.com/images/2024/07/SVG-background-animation.gif
*/

body {
  background-image: url(https://cdn.svgator.com/images/2022/06/animated-svg-background-example.svg);
  background-attachment: fixed;
  background-size: cover;

  margin-left: 20px;
  margin-right: 20px;
}

h1 {
  font-family: "Gabarito", sans-serif;
  font-style: normal;
}

h1 > span {
   background-color: rgba(59, 217, 252, 0.6);
   border-radius: 5px; 
  }

h2 {
  font-family: "Gabarito", sans-serif;
  font-style: normal;
}

h2 > span {
  background-color: rgba(14, 242, 105, 0.6);
  border-radius: 5px; 
}

p {
  color: white;
  text-align: justify;
  font-family: "Gabarito", sans-serif;
  font-style: normal;
  
  background-image: url(https://www.svgrepo.com/show/404156/sparkles.svg);
  background-repeat: no-repeat;
  background-size: 80px;
  background-position: right bottom;
}

p > span {
  border-radius: 5px; 
  background-color: rgba(0, 0, 0, 0.6);
}