* {
  font-family: arial;
}

h2 {
  text-align: center;
}

#container {
  color:red;
}

p {
  text-align: center;
  font-size: 50px;
  color:green;
}

/* Sets value to inherit from container */
.inherit {
  color: inherit;
}

/* Sets value to inherit from default browser style */
.initial {
  color: initial;
}

/* If the element is naturally inherited acts like inherit, otherwise acts like initial */
.unset {
  color: unset;
}

/* If user has defined style, revert back to it otherwise use default browser styles */
.revert {
  color: revert;
}