* {
    font-family: lato;
}

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

/*Sets value to unset, which means it will inherit if possible, otherwise it will be set to initial*/
.unset {
    color: unset;
}

/*Sets value to revert, which means it will inherit if possible, otherwise it will be set to the user-agent stylesheet value*/
.revert {
    color: revert;
}