body {
  color: black;
  font: 20px Helvetica, Arial, sans-serif;
  margin: 60px;
}

#app {
  margin: auto;
  width: 800px;
}

#add-post input {
  border: 2px solid black;
  border-radius: 2px;
  font-size: 16px;
  padding: 6px;
  width: 100%;
}

#add-post textarea {
  border: 2px solid black;
  border-radius: 2px;
  font-size: 16px;
  margin: 0;
  padding: 6px;
  width: 100%;
  height: 200px;
  resize: none;
}

#add-post button {
  background: white;
  border: 2px solid black;
  border-radius: 16px;
  color: black;
  font-size: 16px;
  font-weight: bold;
  margin: 0;
  padding: 6px 13px;
}

#add-post button:active {
  color: white;
  background: black;
}

#add-post * {
  display: block;
}

#add-post *:not(:last-child) {
  margin-bottom: 8px;
}

.post, #add-post {
  border: 2px solid black;
  border-radius: 4px;
  padding: 16px;
  margin: 16px;
}

.post .title {
  margin-bottom: 16px;
  font-weight: bold;
}

.post p:first-of-type {
  margin-top: 0;
}

.post p:last-of-type {
  margin-bottom: 0;
}

.post .actions {
  float: right;
}

.post .actions a {
  color: #1d62e4;
  cursor: pointer;
}