* {
    font-family: arial;
}

.title {
   text-align: center; 
}

#container {
    color: red;
}

p {
    text-align: center;
    font-size: 50px;
    color: green;
}
/* Inherit */
/* Sets value to inherit form container*/
.inherit {
    color: inherit;
}

/* Initial */
/* Sets value back to 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 defualt browser style */
.revert {
    color: revert;
}