* {
    font-family: arial;
}

h2 {
    text-align: center;
}

#container {
    color: red;
}

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

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

/* Initial sets value back to default browser style */
.initial {
    color: initial;
}

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

/* Revert back to defined style, otherwise uses default browser styles */
.revert {
    color: revert;
}

/* Revert doesn't seem to want to cooperate with me */