table {
    width: auto;
  margin: 0px auto;
  padding: 20px;
  border: 1px solid #B0C4DE;
  background: green;
  border-radius: 10px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);

}
.name {
            text-align: left;
            padding: 20px;
            background: #fff;
            border-radius: 10px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            color: black;
        }
.record {
            text-align: center;
            padding: 20px;
            background: #black;
            border-radius: 10px;
            border: 1px solid #B0C4DE;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            color: green;
        }
 .recordmoney {
            text-align: left;
            padding: 20px;
            background: #black;
            border-radius: 10px;
            border: 1px solid #B0C4DE;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            color: white;
        }               

td {
    text-align: center;
  
  border-bottom: none;
}
.stk {
      width: 10px;
     text-align: center;
          }


 {
  margin: 0px;
  padding: 0px;
}
body {
      
      color: white;
      font-family: Arial, sans-serif;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      min-height: 100vh;
      margin: 0;
      background-color: black;
}

.header {
 background-image: url('star.jpg');
  margin: 10px auto 0px;
  color: white;
  /*background: #5F9EA0;*/
  text-align: center;
  border: 1px solid #B0C4DE;
  border-bottom: none;
  border-radius: 10px 10px 0px 0px;
  padding: 3px;
}
.tcontainer{
  background-image: url('oth.jpg');
}



form, .content {
  width: auto;
  margin: 0px auto;
  padding: 20px;
  border: 1px solid #B0C4DE;
  /*background: white;*/
  border-radius: 0px 0px 10px 10px;
}
.input-group {
  margin: 10px 0px 10px 0px;
}

.input-group label {
  display: block;
  text-align: left;
  margin: 3px;
}
.input-group input {
  opacity: 0.7;
  height: 30px;
  width: 93%;
  padding: 5px 10px;
  font-size: 16px;
  border-radius: 5px;
  border: 1px solid gray;
}
.idbtn {
  width: 40%;
  font-weight: bold;
  display: block;
  padding: 5px;
  font-size: 21px;
  color: white;
  background: radial-gradient(farthest-corner, red, yellow);
  border: none;
  border-radius: 5px;
}
.btn {
  width: 40%;
  font-weight: bold;
  display: block;
  padding: 10px;
  font-size: 15px;
  color: white;
  background: radial-gradient(farthest-corner, red, yellow);
  border: none;
  border-radius: 5px;
}
.error {
  font-weight: bold;
  margin: 0px auto; 
  padding: 5px; 
  /*border: 1px solid #a94442; */
  color: red; 
  background: cyan; 
  border-radius: 5px; 
  text-align: center;
}
.success {
  color: #3c763d; 
  background: #dff0d8; 
  border: 1px solid #3c763d;
  margin-bottom: 20px;
}
 .round-button {
            width: 100px;           /* Set the width of the button */
            height: 100px;          /* Set the height of the button */
            border-radius: 50%;     /* Makes the button round */
            background-color: #4CAF50; /* Background color of the button */
            color: white;           /* Text color */
            text-align: center;     /* Centers text */
                /* Vertically center the text */
            font-size: 16px;        /* Font size of the text */
            border: none;           /* Remove border */
            cursor: pointer;       /* Show a pointer cursor on hover */
            transition: background-color 0.3s; /* Smooth color change on hover */
        }

        .round-button:hover {
            background-color: #45a049; /* Darker green on hover */
        }
.round-button1 {
            width: 100px;           /* Set the width of the button */
            height: 100px;          /* Set the height of the button */
            border-radius: 50%;     /* Makes the button round */
            background-color: grey; /* Background color of the button */
            color: white;           /* Text color */
            text-align: center;     /* Centers text */
                /* Vertically center the text */
            font-size: 16px;        /* Font size of the text */
            border: none;           /* Remove border */
            cursor: pointer;       /* Show a pointer cursor on hover */
            transition: background-color 0.3s; /* Smooth color change on hover */
        }

        .round-button1:hover {
            background-color: #45a049; /* Darker green on hover */
        }        
a {
      color: cyan;  /* Default link color */
    }
    a:hover {
      color: yellow;  /* Color on hover */
    }