#p,
#q {
   width: 50px;
   border: 1px solid black;
   border-radius: 5px;
   padding: 5px;
   margin: 5px;
}

#p:focus,
#q:focus {
   border-color: blue;
   outline: blue;
}

#phi,
#n,
#e,
#d {
   width: 50px;
   border: 1px solid gray;
   border-radius: 5px;
   padding: 5px;
   margin: 5px;
}

#phi:focus,
#n:focus,
#e:focus,
#d:focus {
   border-color: blue;
   outline: blue;
}