*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-size:14px;color:var(--graphite)}body{margin:0 auto;font-family:var(--font-family);display:flex;background-color:var(--light-gray)}:root{--font-family: "Poppins";--graphite: #464347;--graphite-75-opacity: rgba(70, 67, 71, .75);--graphite-25-opacity: rgba(70, 67, 71, .25);--graphite-10-opacity: rgba(70, 67, 71, .1);--light-gray: #f1f1f1;--orange: #f37140;--yellow: rgba(243, 207, 64, 1);--purple: rgba(162, 122, 182, 1);--green: rgba(128, 192, 129, 1);--orange: rgba(243, 113, 64, 1);--blue: rgba(87, 181, 229, 1)}