fix styling on LoginForm

src/components/LoginForm.jsx

@@ -23,7 +23,7 @@ export default function LoginForm(props) {
   const handleGoogleLoginFailed = () => {};
 
   return (
-    <div className="loginFormContainer">
+    <div className="loginFormComponentContainer">
       <h1>
         <b>Login to discuss anything on Diskuy</b>
       </h1>

src/styles/LoginForm.css

-.loginformComponentContainer {
+.loginFormComponentContainer {
     margin-top: 36px;
     margin-left: 72px;
     margin-right: 72px;
@@ -11,20 +11,20 @@
     margin-bottom: 72px;
 }
 
-.loginformComponentContainer h1{
+.loginFormComponentContainer h1{
     margin-bottom: 40px;
     text-align: center;
 }
 
 @media only screen and (min-device-width : 320px) and (max-device-width : 540px) {
-    .loginformComponentContainer {
+    .loginFormComponentContainer {
         margin-top: 24px;
         margin-left: 36px;
         margin-right: 36px;
         margin-bottom: 184px;
     }
 
-    .loginformComponentContainer h1{
+    .loginFormComponentContainer h1{
         font-size: 28px;
         text-align: center;
     }