finalProject2.css

#calc-contain{
  position: relative;
  width: 400px;
  border: 2px solid black;
  border-radius: 12px;
  margin: 0px auto;
  padding: 20px 20px 100px 20px;
  background-color: black;
  color:black;
}
/*this controls Aarons calculator*/
#agh{
  position: relative;
  float: center;
  margin-top: 20px;
  text-align: center;
  font-size: 50px;
  background-color: gray;
  /*margin-right: 40px;*/
}
/*this controls the name*/
#agh p{
  font-size:  70px;
  font-weight: 80px;
  text-align: center;
  

}
/*this input type button controls the numbers and buttons*/
input[type=button] {
  background: lightgrey;
  width: 21%;
  min-width: 109px;
  font-size: 30px;
  font-weight: 800;
  border-radius: 10px;
  margin-left: 10px;
  margin-top: 10px;
  text-align: center;
}

input[type=button]:active {
  background-color: gray;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}
/*this hover button hovers over the buttons*/
input[type=button]:hover {
  background-color: gray;
  color: white;
}
/*this controls the bar or the text bar where you put the numbers in*/
input[type = text] {
  position: center;
  display: table-row;
  width: 94%;
  margin: 50px auto;
  font-size: 30px;
  padding: 10px;
  border-color: black;
  box-shadow:  lightgray inset;
  text-align: center;
}
div{
  background-color: gray;

}
.id{
background-color: gray;
}
4px 0px 12px black inset;
#003300