JSFiddle - React, Tailwind, and code Playground

by Danilo Metzker

CSS

body::before{
  height: 500px;
  display: block;
  content: url('data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%22800%22%20height%3D%22200%22%0D%0A%20%20%20%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%0D%0A%20%3CforeignObject%20width%3D%22100%25%22%20height%3D%22100%25%22%20x%3D%220%22%20y%3D%220%22%3E%0D%0A%09%3Cdiv%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxhtml%22%20style%3D%22color%3A%20%23000%3B%22%3E%0D%0A%09%09%3Ch1%3ESeja%20bem%20vindo%20ao%20meu%20site%21%3C%2Fh1%3E%0D%0A%3Ca%20href%3D%22https%3A%2F%2Fgoogle.com%22%20style%3D%22text-decoration%3Anone%3Bcolor%3A%23fff%3Bbackground-color%3A%23FF590B%3Bdisplay%3Ainline-block%3Bpadding%3A16px%3Bborder-radius%3A50px%3B%22%3EAgora%20v%C3%A1%20embora%3C%2Fa%3E%0D%0A%09%3C%2Fdiv%3E%0D%0A%20%3C%2FforeignObject%3E%0D%0A%3C%2Fsvg%3E');
}