.titleLine {            /* For the first line in the page */
  text-align: center;
  color: red;
  font-size: 2em; }

.text {                 /* Text other than the title and the no-name line */
  text-align: center;
  color: green;
  font-size: 1.5em; }

.noName {               /* No name no greeting text */
  text-align: center;
  color: red;
  font-size: 1.5em; }

.center { text-align: center; }

.pageWrapper {          /* For the entire page contents */
  margin-left: auto;  
  margin-right: auto;
  width: 60%;
  background-color: #ffc;
  border: 1px solid black;}

.inputTextFields {      /* For all input fields of type text */
  font-size: 1.3em;
  text-align: center; }

/* Button variation on Figure 1.7 from "CSS Secrets: Better Solutions to EveryDay
 Web Design Problems" by Lea Verou */

button {
  font-size: 90%;
  line-height: 1.5;
  padding: .3em .8em;
  border: 1px solid rgba(0, 0, 0, .1);
  background: #58a linear-gradient(hsla(0, 0%, 100%, .2), transparent);
  border-radius: .2em;
  box-shadow: 0 .05em .25em rgba(0, 0, 0, .5);
  color:  #ffc;
  text-shadow: 0 -.05em .05em rgba(0, 0, 0, .5);
}