*,*:before,*:after{box-sizing:border-box}:root{--ff-primary: "Source Sans Pro", sans-serif;--ff-secondary: "Source Code Pro", monospace;--fw-reg: 300;--fw-bold: 900;--clr-light: #fff;--clr-dark: #303030;--clr-accent: #00afe4;--fs-h1: 3rem;--fs-h2: 2.25rem;--fs-h3: 1.25rem;--fs-body: 1rem;--bs: .25em .25em .75em rgba(0, 0, 0, .25), .125em .125em .25em rgba(0, 0, 0, .15)}@media (min-width: 800px){:root{--fs-h1: 4.5rem;--fs-h2: 3.75rem;--fs-h3: 1.5rem;--fs-body: 1.125rem}}html{scroll-behavior:smooth}body{background-color:var(--clr-light);color:var(--clr-dark);margin:0;font-family:var(--ff-primary);font-size:var(--fs-body);line-height:1.6}section{padding:5em 2em}img{display:block;max-width:100%}strong{font-weight:var(--fw-bold)}:focus{outline:3px solid var(--clr-accent);outline-offset:3px}.btn{display:inline-block;padding:.5em 2.5em;background:var(--clr-accent);color:var(--clr-dark);text-decoration:none;cursor:pointer;font-size:.8rem;text-transform:uppercase;letter-spacing:2px;font-weight:var(--fw-bold);transition:transform .2s ease-in-out}.btn:hover{transform:scale(1.1)}h1,h2,h3{line-height:1;margin:0}h1{font-size:var(--fs-h1)}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3)}.section__title{margin-bottom:.25em}.section__subtitle{margin:0;font-size:var(--fs-h3)}.section__subtitle--intro,.section__subtitle--about{background:var(--clr-accent);padding:.25em 1em;font-family:var(--ff-secondary);margin-bottom:1em}