/* css for about page */ 

#div_about1 {
  display: none; 
  position: absolute; 
  top: 4em; 
  left: 1%; 
  
  width: 98%; 
  margin: auto; 
}

/* for 1 digit/char left margin, the question started with 2 digit: 1, 2 .. etc */
.accordion-body {
  margin-left: 1.2em; 
  font-size: 90%; 
}

/* for 2 digit/char left margin, the question started with 2 digit: 10, 11 .. etc */
.char2 {
  margin-left: 1.8em; 
}


.accordion-header {
  font-size:110%; 
}
/* end of about */ 

/* contact */
#div_contact1 {
  display: none; 
  position: absolute; 
  top: 4em; 
  left: 1%; 
  
  width: 98%; 
  margin: auto; 

  padding-left: 1em; 

  background-color: white; 

}

/* somehow got a huge space at top, temp fix here without knowing the cause */ 
h4 {
  margin-top: -1em; 
}

#name1, #email1, #message1 {
  margin-bottom: 1em; 
}

/* not enabled yet, until email ready */ 
#id_signup_new_email {
  color: gray;
  font-size: 90%;
}

#close_about1 {
  margin: auto;
  width: 100%; 
  margin-bottom: 1em; 
}