body{
  background-color: rgb(220,226,232);
}
.table{
   margin-top: 80px;
 
}
.h2{
  text-align: center;
}

h1{
  text-align: center;
  font-family:  'Source Code Pro', monospace;;
  color:gold black;
}
tbody,tr,td{
  border: 3px solid black;
  padding: 5px;
  width: 39%;
  margin: auto;
}
#titles{
  border:2px solid black;
}
#titles h2{
  border:2px solid black;
  width:23%;
  float:left;
  padding:5px;
  text-align: center;
  
}
.N{
  background-color: rosybrown;
}
.p{
  background-color: gold;

}
.s{
background-color: gray;
}
.r{
background-color: black;
color:white;
}
.userinput{
 margin-bottom:2%;
  width: 18%;
  margin-left: auto;
  margin-right: auto;
}
input,button{
  text-align: center;
  padding: 5px;
}

/* .Pic{
  width:30%;
  margin-left: auto;
  margin-right: auto;
  height: 100px;
  border: 2px solid black;
} */