body{
  display: flex;
  justify-content: center;
  align-items: center;
  background-color:#ffffdf;
}
.grid{
  display: grid;
  width: 700px;
  grid-template-columns: 150px 400px 150px;
  grid-template-rows: 50px 50px 50px 30px 40px 40px;
  place-items: center;
}
a:hover{
  color:#ffcc33;
}
#answer1, #answer2, #answer1:hover, #answer2:hover{
  line-height: 25pt;
  cursor: pointer;
  font-weight: bold;
  font-size: 15px;
  font-variant: normal;
}
#answer1, #answer2{
  background-color:#ffffdf;
}
#answer1:hover, #answer2:hover{
  background-color:#d3e6e6;
}
b{
  font-family: cursive;
}
#counter {
  color:#003366;
  font-weight: bold;
  font-size: 12pt;
}
#question {
  background-color:rgb(255,220,160);
  color:#660033;
  font-weight: 700;
  font-size: 19px;
  line-height: 25pt;
}
#i1, #i2 {
  cursor:pointer
}
#img1 {
  visibility: hidden;
  width: 30px;
  height: 30px;
}
#result_type {
  font-weight: bold;
  line-height: 18px;
  font-size: 15pt;
  font-family: 'Times New Roman';
}
#footer {
  color:#336699;
  font-family: Times;
}
#types1 {
  color: green;
}
#types2 {
  color: #ff6699;
}
#groups1 {
  color: #0066ff;
}
#groups2 {
  color: #a52a2a;
}
#psytest {
  text-align: center;
  color:#005588;
  font-weight: 900;
  font-size: 25px;
  font-family: arial;
}