.loginMainContainer{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: 90px;
    /* height: 100vh; */
}

.loginContainer {
    text-align: center;
    width: 700px;
    margin: 50px;
    height: 500px;
    background-color: #f5f5f5;
    box-shadow: 0 0 10px 0 #4949493b;
   }
 
 .LoginInfo h1 {
    font-size: 70px;
    font-weight: 700;
    justify-content: center;
    align-items: center;    
    color: #494949;
    font-family: 'Courier New', Courier, monospace;
  }
 
 .LoginInfoConetents {
    margin: 0;
    padding: 0;
  }
 
 .LoginInput {
    width: 400px;  
    height: 40px;
    margin: 10px;
    padding: 10px;
    font-size: 16px;
    font-weight: 400;
    color: #494949;
    font-family: 'Courier New', Courier, monospace;
    background-color: #494949;
  } 
  span{
    display: flex;
    justify-content: center;
    flex-direction: row;
    margin: 10px;
    align-items: center;
  }
    
 .LoginButton {
    font-family: 'Courier New', Courier, monospace;
     display: block;
     margin: 20px auto;
     padding: 10px 20px;
     background-color: #494949;
     border: none;
     outline: none;
     font-size: 20px;
     font-weight: 600;
     color: #f5f5f5;
     cursor: pointer;
     transition: 0.5s;
  }
 
   span h3{
       font-size: 15px;
       color: #494949;
       font-family: 'Courier New', Courier, monospace;
  }
  .sgnupin{
    color: #000000;
    text-decoration: underline;
  }
 
  .upInfoConetents h3{
    margin-top: 20px;
       font-size: 20px;
       color: #494949;
       font-family: 'Courier New', Courier, monospace;
       font-weight: 700;
  }
 
  small{
    font-size: 15px;
    color: #494949;
    font-family: 'Courier New', Courier, monospace;
  }
 
  .LoginButton:hover{
       background-color: #ffffff;
       color: #494949;
  }