.container{
--mzsHeight: 100px // define variable in css, can be accessible as long as variable are decleared inside parent scope. It's a newly added feature in css
width : calc(100% - 30px); //calc newly added to css and must provide space in between operators
height : calc(var(--mzsHeight) * 2); // height is now 200px
margin : 0 auto; // use to keep the div/box in the center
background-color : hsl(180,100%,50%); //a color function in CSS?
}