To add css styling within the same component and not having to use a external import file, here is one example:

1. declare the css class name:

  const LoginSignUpForm = {
    height: '100vh',
    display: 'flex',
    justifyContent: 'center',
    alignItems: 'center'
  };

 

2. Apply the class name using the style property

<div className="animated fadeInDown" style={LoginSignUpForm}>

 

That is it, very easy to do.