body {
  font-family:   Sans-Serif;
  font-size:            90%;
}

.modal {
  display:             none;
  z-index:                1;
  position:        absolute;
  left:                 20%;
  top:                  20%;
  right:                20%;
  overflow:            auto;
  background-color: #ea351f;  /* red, for warnings */
}

.modal-content {
  background-color: #fefefe;
  margin:               2px;
  border: 1px solid #808080;
  padding:              2px;
}

.close {
  color:            #aaaaaa;
  vertical-align:    middle;
  float:              right;
  font-size:           28px;
  font-weight:         bold;
}

.close:hover, 
.close:focus {
  color:            #000000;
  text-decoration:     none;
  cursor:           pointer;
}

:focus {
  outline:                0;  /* removes blue box around H-R Diagram (users have no need to see) */
}

/*
#reqn {
  background-image:         url("latex/reqn.png");
  -webkit-background-image: url("latex/reqn.png");
  background-size:     contain;
  background-repeat: no-repeat;
}
*/