html:root{--primary-color:#747577;--primary-color-light:#e6e7e8;--primary-color-dark:#414042;--accent-color:#047168}html{height:100vh}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;color:var(--primary-color-dark);min-height:100%}h1,h2,h3,h4,h5,h6{font-weight:500}body,p,ul{margin:0;padding:0}p{margin:1rem 0}a{text-decoration:none}a,strong{color:var(--accent-color)}.about-me{padding:.75rem}.with-divider{border-bottom:2px solid #fff}.banner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.75rem}.banner__logo{max-width:128px}.banner__intro{margin:1rem 0;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.25;font-size:1.5rem}.banner__intro__name{font-size:2rem}.content{padding:.75rem}.content__heading{font-size:1.25rem;color:var(--primary-color);letter-spacing:2px}.skills-list{list-style-position:inside}.contact-list{list-style:none}.contact-list__item{display:flex;align-items:center;justify-content:stretch}.contact-list__item__icon{width:1.5rem}.contact-list__item__detail{padding:.5rem;margin:0}.contact-list__item__detail:visited{color:var(--accent-color)}.jobs__title{margin:1rem 0 0;font-size:1.15rem}.jobs__period{margin:.25rem 0;color:var(--primary-color)}.jobs__bullets{padding:0;margin-left:2rem}.jobs__bullets__list{padding:.5rem}.jobs__bullets__list__detail{padding:.5rem 0}.game{display:none}.breakout-preview{width:200px;height:200px}@media screen and (min-width:80rem){.layout{display:flex}.about-me{max-width:20%;width:20%;background:var(--primary-color-light);padding:1.5em}.experience{max-width:60%;width:60%;padding:4rem 10rem 4rem 4rem}.game-intro{margin:4rem;justify-content:space-around}.game-intro,.game-notes{display:flex;align-items:center}.game-notes{width:25%;max-width:25%;flex-direction:column}#canvas{border:1px solid var(--primary-color-dark);border-bottom:none;margin:2rem 0}.action-btn{padding:1rem;width:128px;color:var(--primary-color-light);background:var(--accent-color);cursor:pointer;box-shadow:0 2px 5px 0 rgba(0,0,0,.26)}.game{display:block}.game-container{display:flex;flex-direction:column;align-items:center;justify-content:center}}