Few styles added for error text, button and label.

Author: nirajrajgor

src/App.css

@@ -1,38 +1,19 @@
-.App {
- text-align: center;
+.form-control {
+width: 50%;
+border: 1px solid #ccc;
+padding: 10px;
 }
 
-.App-logo {
- height: 40vmin;
- pointer-events: none;
+.control-error {
+border: 1px solid red;
 }
 
-@media (prefers-reduced-motion: no-preference) {
- .App-logo {
- animation: App-logo-spin infinite 20s linear;
- }
+label {
+margin-right: 5px;
 }
 
-.App-header {
- background-color: #282c34;
- min-height: 100vh;
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- font-size: calc(10px + 2vmin);
- color: white;
-}
-
-.App-link {
- color: #61dafb;
-}
-
-@keyframes App-logo-spin {
- from {
- transform: rotate(0deg);
- }
- to {
- transform: rotate(360deg);
- }
+.btn-submit {
+margin: 20px 45px;
+padding: 8px 14px;
+font-size: 16px;
 }