/* Main Section index */
body {
  min-height: 100vh;
  min-width: 100vw;
  background-color: skyblue;
  font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
  font-size: 14px;
  display: flex;
  flex-direction: column;
}
.info {display: none;}
h1 {
  color:rgb(45, 70, 80);
  width: auto;
  text-align: center;
  text-decoration: underline;
  margin: 20px auto 0px auto;
}
h2 {
  color:rgb(45, 70, 80);
  width: auto;
  text-align: center;
  margin: 20px auto 0px auto;
}
h3 {
  color:rgb(45, 70, 80);
  width: auto;
  margin: 0px auto 0px auto;  
  text-align: center;
}
.logo {
  color: rgb(45, 70, 80);
  font-size: 16px;
  width: 30%;
  min-width: 20vw;
  margin: 0px auto 0px auto;
  text-align: justify;
  visibility: visible;
}
/* Boxes & Selection Section */
.form {
  position: relative;
  background-color: white;
  width: 240px;
  margin: 10px auto 60px auto;
  padding: 10px;
  border: 3px solid rgb(110, 170, 190);
  box-shadow: 5px 5px 3px rgb(41, 102, 122);
  overflow: hidden;  
}
input:focus {
  outline: none !important;
}
.name {
  color:rgb(0, 0, 0);
  width: 230px;
  margin-top: 5px;
  margin-bottom: 5px;
  display: none;
}
.email {
  color:rgb(0, 0, 0);
  width: 182px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.email:hover {
  font-size: large;
  color:rgb(0, 0, 0);
  width: 230px;
  height: 30px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.password {
  color:rgb(0, 0, 0);
  width: 145px;
  margin-top: 5px;
  margin-bottom: 10px;
}
.id {
  color:rgb(0, 0, 0);
  width: 190px;
  margin-bottom: 10px;
}
/* Links Section */
a:link {
  color: rgb(0, 40, 80);
  background-color: transparent;
  text-decoration: none;
}
a:visited {
  color: rgb(0, 40, 80);
  background-color: transparent;
  text-decoration: none;
}
a:hover {
  color: rgba(85, 70, 140, 0.6);
  background-color: transparent;
  text-decoration: underline;
}
/* Buttons Section */
.submit {
  margin: 5px 10px 10px 0px; 
}
.reset {
  margin-top: 10px;
  margin-bottom: 5px;
  margin-right: 10px;
}
.exit {
  position: relative;
  width: 60px;
  margin: auto;
}
.set{
  width: 90px;
}
/* Data Table Section */
.table {
  border-collapse: collapse; 
  width:400px;
  margin: 20px auto 20px auto;
  background-color: white;
  border: 3px solid rgb(110, 170, 190);
  box-shadow: 5px 5px 3px rgb(41, 102, 122);
}
.table th, .table td { 
  padding: 5px;
  border: 3px solid rgb(110, 170, 190);
}
.table th { 
  background-color: skyblue;
  text-transform: capitalize;
}
.tText {
  border: hidden;
  width: 61px;
  height: 40px;
  text-decoration: underline;
}
.tText1 {
  border: hidden;
  width: 60px;
}
.currency {
  position: relative;
  border: hidden;
  width: auto;
  margin-left: 50px;
}
.label {
  position: absolute;
  border: hidden;
  width: 80px;
  margin-right: 10px;
  text-decoration: underline;
}
.colorG {
  border: hidden;
  width: 61px;
  text-decoration: underline;
  color: green;
}
.colorR {
  border: hidden;
  width: 61px;
  text-decoration: underline;
  color: red;
}
/* Footer Section */
.foot {
  width: 80%;
  min-width: 80vw;
  margin: auto auto 0px auto;
  text-align: justify;
  color: rgb(4, 4, 60);
  visibility: visible;
}