/* Oh Hello! These are some base styles so that our tutorial looks good. Let's go through the important bits real quick #9CF6FB #E1FCFD #394F8A #4A5FC1 #E5B9A8 #EAD6CD */ :root { --c1:#9CF6FB; --c2:#E1FCFD; --c3:#394F8A; --c4:#4A5FC1; --c5:#E5B9A8; --c3trans: rgba(57, 79, 138, 0.9); --c3trans2: rgba(57, 79, 138, 0.2); --c5trans: rgba(229, 182, 177, 0.9); --c6:#EAD6CD; --yellow: #ffc600; --black: #000; } html { /* border-box box model allows us to add padding and border to our elements without increasing their size */ /* A system font stack so things load nice and quick! */ font-family: 'Open Sans', sans-serif; font-weight: 900; color: var(--white); background-color: #000; } /* WAT IS THIS?! We inherit box-sizing: border-box; from our selector Apparently this is a bit better than applying box-sizing: border-box; directly to the * selector */