p.title{
  font-size:3em;
  color:black;
  font-weight:bold;
  margin:10px;
  text-align:center;
}
section.event{
  justify-content:center;
  -webkit-justify-content:center;
}
article.label{
  flex:1;
  min-width:100px;
  max-width:130px;
  background-color:#e6eeff; /*js*/
}
article.label > ul { 
  list-style-type: none;
  padding: 0px;
  margin: 10px;
  text-align: center;

  }
article.label > ul > li{
  margin:5px 0px;
  cursor:pointer;
}
article.label > ul > li:hover{ 
  background-color:#cedeef;
}
article.edit{
  flex:5;
  max-width:530px;
  min-width:200px;
}

article.edit label{ 
  padding:5px 30px 5px 10px;
  min-width:130px;
}
div#event{display:block;}
div#course{display:none;}
div#place{display:none;}

div.field{
  justify-content:baseline;
  -webkit-justify-content:baseline;
  margin:5px;
}
article.edit select{
  flex:3;
  max-width:400px;
}

article.edit input[type=text] {
  flex:3;
  max-width:400px;
}
article.edit input[name=cost]{
 width:100px;
}
article.edit input[type=number]{
  width:70px;
}
article.edit textarea{
  flex:3;
  max-width:400px;
  min-height:150px;
  border: 3px solid #cccccc;
}
div.update{
  background-color:#f2f5fc;
}
article.edit input[type=submit]{
  margin:15px;
}
div#esimg{
  height:180px;
  width:180px;
  background-color:gray;
  background-position:center;
  background-repeat:no-repeat;
  background-size:contain;
}
select#eimg{
  height:30px;
}