* {
    font-family: arial;
}

.title {
    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 back to the default browser style */
.initial {
    color: initial;
}

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

/* REVERT */
/* If user has defined style, revert back to it otherwise use 
default browser styles */