@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@400;700&display=swap");

body {
  font: "Nunito", sans-serif;
  color: rgba(0, 0, 0, 0.5);
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.5em;
  top: 15%;
  background: linear-gradient(to right, #a8befa, #f48186); /* Standard syntax */
}

h1 {
  font: 600 3.5em "Nunito", sans-serif;
  color: rgba(0, 0, 0, 0.6);
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.5em;
  width: 100%;
}
input {
  padding: 0;
  border: none;
  border-radius: 50%;
  margin: 2em;
  height: 50px;
  background-color: transparent;
  cursor: pointer;
}

h2 {
  font: 900 1.5em "Nunito", sans-serif;
  color: rgba(0, 0, 0, 0.5);
  text-align: center;
}

.css-generator {
  font: 900 1.5em "Nunito", sans-serif;
  color: rgba(0, 0, 0, 0.4);
  text-align: center;
  text-transform: none;
  letter-spacing: 0.01em;
}