body{
   background-color: #FFF;
}

.login-box{
    border-radius: 10px 10px 10px 10px;
    background-color: #fff;
    padding: 50px;
}

/* Add a divider between columns */
.main-row {
    display: flex;
  }
  
  .main-col {
    flex: 1;
    padding: 10px;
    text-align: center;
  }
  
  /* Style for the divider */
  .main-col + .main-col {
    border-left: 5px solid #ccc;
  }
  
  /* Style for the bold and dashed <hr> */
.hr {
    border-top: 15px dashed red; /* Set color for the dashed line */
    background-color: #1E1E1E;
    height: 2px;
    opacity: 70%;
    margin: 0; /* Add margin for spacing */
  }
  
  .footer {
    /* Set styles for the fixed footer */
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color:#FFF;
    color: #1E1E1E;
    padding: 10px;
    text-align: center;
  }