/*
 * CSS for Notre Dame jsPsych experiments.
 *
 * This stylesheet provides minimal styling to make a grid of buttons.
 * Dr. Michael Villano, Dept. of Psychology, University of Notre Dame
 */
 
 
.nd-grid-container {
  display: grid;
  grid-template-columns: auto auto auto;
  background-color: white;
  padding: 10px;
}
.nd-grid-item {
  background-color: white;
  border: 1px solid black;
  padding: 10px;
  font-size: 30px;
  text-align: center;
}

.nd-btn-group .jspsych-btn {
  background-color: white; 
  border: none;
  color: transparent;
  /*padding: 50px 50px;*/
  text-align: center;
  text-decoration: none;
  font-size: 24px;
  cursor: pointer;
  width: 200px;
  height: 200px;
  display: float;
  outline:0; /* removed blueb order after click */
}




.nd-btn-group .jspsych-btn:not(:last-child) {
  border-bottom: none; /* Prevent double borders */
}

.nd-btn-group .jspsych-btn:hover {
  background-color: white;
}