JSFiddle - React, Tailwind, and code Playground
by Kaique Covo
HTML
<html>
<head>
<style>
body {
margin: 0;
padding: 0;
}
</style>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Righteous:regular" id="font-full-955" crossorigin="anonymous" class="google-fonts">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Righteous:normal" id="font-full-Righteous" crossorigin="anonymous" class="google-fonts">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Comfortaa:regular" id="font-full-18" crossorigin="anonymous" class="google-fonts">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Comfortaa:normal" id="font-full-Comfortaa" crossorigin="anonymous" class="google-fonts">
<meta charset="UTF-8">
</head>
<body><div style="display: block; background-color: #2d12ec; width: 1770px; height: 2245px; overflow: hidden; position: relative;"><div style="position: absolute; word-break: break-word; color: rgb(102, 102, 102); width: 715px; height: 175px; text-shadow: rgb(0, 0, 0) 0px 0px 0px; font-size: 70px; opacity: 1; line-height: 70px; z-index: 1; transform: rotate(0deg); left: 510px; top: 65px;"><div><span style="font-size: 250px; color: #e729af; font-family: Righteous">Titulo</span></div></div><div style="position: absolute; background-color: rgb(16, 255, 11); width: 1000px; height: 1000px; border-radius: 50%; opacity: 1; z-index: 2; transform: rotate(0deg); left: 1150px; top: 1905px;"></div><div style="position: absolute; background-color: rgb(16, 255, 11); width: 1000px; height: 1000px; border-radius: 50%; opacity: 1; z-index: 3; transform: rotate(0deg); left: -435px; top: 1895px;"></div><div style="position: absolute; background-color: rgb(16, 255, 11); width: 1000px; height: 1000px; border-radius: 50%; opacity: 1; z-index: 2; transform: rotate(0deg); left: -585px; top: -720px;"></div><div style="position: absolute; word-break: break-word; color: rgb(102, 102, 102); width: 1660px; height: 820px;...