#posts > div > p > span:first-child {
  color: green;
}

.self {
  color: gray;
}

#username-self {
  color: lightgreen;
}

.specialtext {
  color: yellow;
}

.crossout {
  text-decoration: line-through;
}

.greentext {
  color: green;
}

#posts > div {
  background-color: darkgray;
  padding-left: 5px;
  padding-bottom: 2px;
}

.mention {
  color: blue;
}

.user-mention {
  color: lightgreen;
}

.everyone-mention {
  color: aqua;
}

body {
  background-color: black;
}

textarea {
  background-color: gray;
}

button {
  background-color: gray;
}

* {
  font-family: 'system-ui';
}

.post,.self {
  width: 50%;
  margin-left: 25%;
  margin-right: 25%;
  margin-top: 10px;
  margin-bottom: 10px;
  border-radius: 10px;
}

#post-text, button {
  border-radius: 5px;
  resize: none;
}