/* styles.css */
body {
  margin: 0;
  font-family: Arial, sans-serif;
  background-color: #3b2f2f; /* Dark earthy tone */
}

/*.login-widget {*/
/*  width: 200px; !* 25% of 800px *!*/
/*  height: 230px; !* Reduced height by 20px *!*/
/*  display: flex;*/
/*  flex-direction: column;*/
/*  align-items: center;*/
/*  justify-content: center;*/
/*  background-color: #f0f0f0; !* Light background color *!*/
/*  padding: 10px;*/
/*  border-bottom: 1px solid black; !* Thin black line on the bottom *!*/
/*}*/

/*.login-widget form {*/
/*  display: flex;*/
/*  flex-direction: column;*/
/*  width: 100%;*/
/*}*/

/*.login-widget input {*/
/*  margin-bottom: 10px;*/
/*  padding: 5px;*/
/*  font-size: 1em;*/
/*}*/

/*.login-links {*/
/*  display: flex;*/
/*  justify-content: space-between;*/
/*  width: 100%;*/
/*  margin-top: 10px;*/
/*}*/

/*.signup-link, .forgot-password-link {*/
/*  font-size: 0.9em;*/
/*  color: #3b2f2f; !* Dark earthy tone *!*/
/*  text-decoration: none;*/
/*  margin: 5px 0; !* Add some margin for spacing *!*/
/*}*/

/*.signup-link:hover, .forgot-password-link:hover {*/
/*  text-decoration: underline;*/
/*  color: #000; !* Change color on hover *!*/
/*}*/