body{
  text-align:center;
  margin-left:auto;
  margin-right:auto;
  background:rgba(0,150,50,0.1);
}
.detail{
  width:100%;/*pre will not change line - changing into p now*/
  word-break:break-word;
  font-size:20px;
  display:none;
  /*Hide it first, using visibility=hidden will not show the element about using jQuery when using pre*/
}
h1{
  font-size:45px;
}
h2{
  font-size:30px;
}
footer{
  font-size:15px;
}
p[id*=Button]{/*every p that its id has "Button" in it*/
  cursor:pointer;
  width:100%;
  height:30px;
  background:rgba(0,200,10,0.9);
}