JSFiddle - React, Tailwind, and code Playground

by Roberto Apasajja

HTML

<input type="text" name="ands">
<input type="text" name="ands" placeholder="yayaya">
<input type="text" name="ands">
<br><br><br>
<input type="text" name="ands" placeholder="yayaya"><br><br>
<input type="text" name="ands"><br><br>
<input type="text" name="ands">
<br><br><br>
<button>Button</button>

CSS

body{
  background:#fff;
}
html * {transition: 1s}

input{
  padding:1%;
  background: #f5f8fa;
  border: 1px solid #e6ecf0;
  border-radius: 6px
}
input:focus{
  background: #fff;
  border: 1px solid #4285f4;
  outline:0
}

button{
  padding:1% 2%;
  background:#4AB3F4;
  border: 0;
  border-radius:9em;
  color:#fff;
  font-weight:bold
}
button:hover{
  background:#1da1f2;
}