body{
margin: top 0%;
background-color: rgb(124, 119, 119);
}
.contain{
   max-width: 500px;
    height: auto;
    background-color: white;
    color: black;
   margin-left: 30%;
   margin-top: 10%;
   border-radius: 12px;
   box-shadow: 4px 8px 8px 4px gainsboro;
}
h1,h2{
 text-align: center;
 text-transform: capitalize;
}
.stars{
    text-align: center;
    padding: 20px;
}
.star{
       font-size:68px;
    cursor:pointer;
    color:#bdbaba;
    /* background-color:yellow; */
}
 .star.active{
    color:rgb(202, 173, 25);
  }
button{
    padding:12px 12px;
    /* margin-right:10px; */
    cursor:pointer;
    border:none;
    border-radius:6px;
}
#submit{
    background-color: hsl(51, 100%, 50%);
}
#reset{
    background-color: gold;
}
#submitValue{
    background-color: gold; 
}
.sub
{
    margin-top:15px;
}