.outer {
  font-family: Arial, sans-serif;
  text-align: center;
  margin: 0;
  padding: 0;
  display: flex;
  background-color: #fff;
  background-size: cover;
  background-position: center;
  font-family: 'Inter';
  justify-content: center;
  align-items: center;
  height: 100vh;
}

.inner {
  position: absolute;
}

[type='text']:focus, input:where(:not([type])):focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus {
--tw-ring-color: #00000000;
border-color: #00000000;
}

.tailwindinput:focus {
--tw-ring-color: #d9e883;
border-color: #d9e883;
}