@import url(https://fonts.googleapis.com/css?family=Roboto);
body {
  margin: 1em auto;
  text-align: center;
  max-width: 100%;
  font-family: roboto;
}

textarea {
  display: block;
  margin: .5em;

}

.center , .center *  {
  margin-left: auto;
  margin-right: auto;
}

button {
  padding: 10px 20px;
  font-size: 17px;
  line-height: 1.5;
  border-radius: 5px;
  background-color: #2ecc71;
  color: white;
  border-color: transparent;
}

button:hover {
  background-color: #27ae60;
}

button:focus {
  background-color:#27ae60 ;
box-shadow: 0 0 0 2px #e74c3c;
}

section {
  margin: 1em;
}

h1 {
  border-bottom: 1px solid black;
  width: 35%;
  padding: .5em;
}


#article {
  text-align: left;
  padding: 3% 10% 1%;
}