JSFiddle - React, Tailwind, and code Playground

by enagu

HTML

<html>
  <head>
  <title>:)</title>
  </head>
  <body>
    <a href="/pgadmin4">PgAdmin4</a>
    <h1>:)</h1>    
  </body>
</html>

CSS

html,body {
  background-color: #1f2227;
  width: 100%;
  height: 100%;
}

body {
  display: flex;
  color: #fff;
  align-content: space-around;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
  height: 100%;
  position: relative;
  animation: rotation 5s infinite linear;
}

a {
  color: #fff;
  position: absolute;
  top: 5px;
  left: 5px;
  text-decoration: none;
    
  border: 1px solid #1b1d21;
  padding: 0.2rem;
}

h1 {
        /*animation: rotation 5s infinite linear;*/
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}