*{
    margin:0;
    padding:0;
}
.form{
    margin-top: 10%;
    width:30%;
    height:300px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: linear-gradient(rgb(115, 239, 115), rgb(106, 106, 231));
    margin-left:35% ;
    border-radius: 12px;
}
.form h1{
    padding-bottom: 20px;
}
.form input{
  padding:10px 20px;
  border-radius: 12px;
  border:none

}
.form #btn{
    padding: 10px 20px;
    border-radius:12px ;
    border:none;
}

/* stock page */
#stockpage{
    background-color: rgb(12, 4, 35);
    padding-top: 5%;
}
.product{
    /* margin-top: 5%; */

    width:50%;
    height:400px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: linear-gradient(rgb(115, 239, 115), rgb(106, 106, 231));
    border-radius: 12px;
    margin-left: 25%;
}
.product h1{
    padding-top: 20px;
    padding-bottom: 20px;
     margin-left:30%;
}
.product input,textarea{
    width:40%;
}
.product input, textarea ,#addpro{
      margin-left: 30%;
      padding:10px;
      border-radius: 12px;
      border:none;
}
.product #addpro{
    background-color: rgb(115, 239, 115);
    font-size:15px;
    font-weight: 700;
    padding-top: 10px;
    
   
}
.productbox{
    margin-top: 5%;
    width:80%;
    height:400px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: linear-gradient(rgb(115, 239, 115), rgb(106, 106, 231));
    border-radius: 12px;
    margin-left: 10%;
}
.productbox h1{
    padding-top: 20px;
    text-align: center;
}

table{
     background-color: white;
    width:80%;
    border-collapse:collapse;
    margin-top:15px;
    margin-left: 10%;
 
}
th,td{
    border:1px solid;
    padding:8px;
    text-align: center;
}
th{
    background-color: white;
}
.dashboard{
    margin-top: 5%;
    width:25%;
    height:50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: linear-gradient(rgb(115, 239, 115), rgb(106, 106, 231));
    border-radius: 12px;
    margin-left: 35%;
    text-align: center;
    padding:30px;
}
.dashboard h2{
    padding-bottom: 10px;
}