:root{--font__body:'Open Sans',Trebuchet,Verdana,Arial,sans-serif;--font__headings:'Playfair Display',Palatino,Garamond,Georgia,'Times New Roman',serif;--color__blue:#013445;--color__aqua:#47e5bc;--color__white:#eaeaea;--color__yellow:#f3b700;--color__coral:#f94a53;--color__bruise:#01131A;--line-height__body:1.618;--line-height__headings:1.2;--margin__bottom:0 0 1.25rem 0;--text__preset-1:4.209rem;--text__preset-2:3.157rem;--text__preset-3:2.369rem;--text__preset-4:1.777rem;--text__preset-5:1.333rem;--text__preset-6:1rem;--text__preset-7:.875rem}@media (max-width:64rem){:root{--text__preset-1:3.052rem;--text__preset-2:2.441rem;--text__preset-3:1.953rem;--text__preset-4:1.563rem;--text__preset-5:1.25rem}}@media (max-width:36rem){:root{--text__preset-1:2.488rem;--text__preset-2:2.074rem;--text__preset-3:1.728rem;--text__preset-4:1.44rem;--text__preset-5:1.2rem}}*,::after,::before{box-sizing:border-box}:focus{outline:.063rem dashed}address,cite,figcaption,figure,main,nav,section{display:block}html{font-size:16px;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{font-family:var(--font__body);font-size:var(--text__preset-6);line-height:var(--line-height__body);margin:0;min-height:100vh;padding:0;scroll-behavior:smooth;text-rendering:optimizeSpeed}a{text-decoration:underline;text-decoration-skip-ink:auto;text-decoration-skip:ink;-webkit-text-decoration-skip:ink}a:focus,a:hover{text-decoration:none}a,a img{transition:all .3s ease-in-out}h1,h2,h3,h4,h5,h6{font-family:var(--font__headings);line-height:var(--line-height__headings);margin:var(--margin__bottom)}h1{font-size:var(--text__preset-1)}h2{font-size:var(--text__preset-2)}h3{font-size:var(--text__preset-3)}h4{font-size:var(--text__preset-4)}h5{font-size:var(--text__preset-5)}h6{font-size:var(--text__preset-6);font-weight:700;letter-spacing:.125rem}img{max-width:100%;height:auto}ol,ul{margin:var(--margin__bottom)}p{margin:var(--margin__bottom);-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:6 3 3;-webkit-hyphenate-limit-lines:2;-webkit-hyphenate-limit-last:always;-webkit-hyphenate-limit-zone:8%;-moz-hyphens:auto;-moz-hyphenate-limit-chars:6 3 3;-moz-hyphenate-limit-lines:2;-moz-hyphenate-limit-last:always;-moz-hyphenate-limit-zone:8%;-ms-hyphens:auto;-ms-hyphenate-limit-chars:6 3 3;-ms-hyphenate-limit-lines:2;-ms-hyphenate-limit-last:always;-ms-hyphenate-limit-zone:8%;hyphens:auto;hyphenate-limit-chars:6 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:8%}.sr__only{clip:rect(1px,1px,1px,1px);position:absolute!important}.link__skip{background:var(--color__yellow);color:var(--color__bruise);height:2.75rem;left:50%;padding:1rem;position:absolute;transform:translateY(-100%);transition:transform .3s}.link__skip:focus{transform:translateY(0)}.button{display:inline-block;line-height:var(--line-height__body);padding:.5rem .75rem;font-weight:700;text-transform:uppercase;text-decoration:none;letter-spacing:.125rem}.button__cool{background:var(--color__bruise);color:var(--color__yellow)}.button__cool:focus,.button__cool:hover{background:var(--color__yellow);color:var(--color__bruise)}.button__accent{background:var(--color__bruise);color:var(--color__yellow)}.button__accent:focus,.button__accent:hover{background:var(--color__yellow);color:var(--color__bruise)}.list__inline{display:flex;flex-wrap:wrap;flex-direction:row;list-style:none;padding:0}.list__inline li{padding:0 .5rem 0 0}.list__inline li:last-of-type{padding:0}.site__header{padding:2rem;position:relative}.site__header ::before{background:var(--color__yellow);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='105' viewBox='0 0 80 105'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='death-star' fill='%23f94a53' fill-opacity='1'%3E%3Cpath d='M20 10a5 5 0 0 1 10 0v50a5 5 0 0 1-10 0V10zm15 35a5 5 0 0 1 10 0v50a5 5 0 0 1-10 0V45zM20 75a5 5 0 0 1 10 0v20a5 5 0 0 1-10 0V75zm30-65a5 5 0 0 1 10 0v50a5 5 0 0 1-10 0V10zm0 65a5 5 0 0 1 10 0v20a5 5 0 0 1-10 0V75zM35 10a5 5 0 0 1 10 0v20a5 5 0 0 1-10 0V10zM5 45a5 5 0 0 1 10 0v50a5 5 0 0 1-10 0V45zm0-35a5 5 0 0 1 10 0v20a5 5 0 0 1-10 0V10zm60 35a5 5 0 0 1 10 0v50a5 5 0 0 1-10 0V45zm0-35a5 5 0 0 1 10 0v20a5 5 0 0 1-10 0V10z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E");content:'';width:31.25rem;height:31.25rem;display:block;pointer-events:none;position:absolute;top:-17rem;left:-15.5rem;transform:rotate(45deg);z-index:-1}@media (max-width:36rem){.site__header .logo{margin:0 0 1rem 0}}.site__intro{padding:2rem;min-height:50vh;display:flex;flex-direction:column;justify-content:center;font-size:var(--text__preset-5);max-width:46.875rem;margin:auto}.projects{padding:2rem;display:grid;grid-gap:1.25rem;grid-template-columns:repeat(2,minmax(12.5rem,1fr));position:relative}.projects header{grid-column:1;position:relative}.projects header div{position:relative;z-index:1;padding:0 0 0 10rem}.projects header div::after{content:'';display:block;min-height:26rem;width:10rem;position:absolute;pointer-events:none;top:0;left:0;transform:translate(-1rem,-1.5rem);background:url(img/death-star.svg) repeat;z-index:-1}.projects h2{display:inline-block}.project__details{font-weight:700;text-transform:uppercase;letter-spacing:.125rem}.project{grid-column:2;padding:0;margin:-2rem -2rem -2rem 0}.project__img{display:block;padding:0;width:100%;height:100%;object-fit:cover}@media (max-width:60.313rem){.projects{grid-template-columns:1fr;grid-template-rows:repeat(2,auto)}.projects .project{grid-column:1;grid-row:1;margin:-2rem -2rem 2rem -2rem}.projects header{grid-row:2}}@media (max-width:36rem){.site__header ::before{left:-20rem}.projects header div::after{left:-9rem}.projects header div{padding:0 0 0 1rem}.list__inline .button{margin:var(--margin__bottom)}}.site__footer{padding:2rem;position:relative;z-index:2}.theme__dark{background:var(--color__bruise);color:var(--color__yellow);border-color:var(--color__yellow)}.theme__dark a:not(.button){color:var(--color__coral)}.theme__dark a:focus:not(.button),.theme__dark a:hover:not(.button){background:var(--color__coral);color:var(--color__bruise)}.theme__cool{background:var(--color__aqua);color:var(--color__bruise);border-color:var(--color__bruise)}.theme__cool a:not(.button){color:var(--color__bruise);background:var(--color__yellow)}.theme__cool a:focus:not(.button),.theme__cool a:hover:not(.button){background:var(--color__bruise);color:var(--color__yellow)}.theme__cool .logo .logo__link{font-size:var(--text__preset-4);margin:0 1.25rem 0 0;background:var(--color__bruise);color:var(--color__yellow);padding:.5rem;display:inline-block;border:1px solid var(--color__yellow)}.theme__cool .logo__link svg{width:9.375rem;height:auto;fill:var(--color__yellow);margin:0 0 -.5rem 0}.theme__cool .logo .logo__link:focus,.theme__cool .logo .logo__link:hover{background:var(--color__coral);color:var(--color__bruise)}.theme__cool .logo .logo__link:focus svg,.theme__cool .logo .logo__link:hover svg{fill:var(--color__bruise)}.theme__accent{background:var(--color__coral);color:var(--color__bruise);border-color:var(--color__bruise)}.theme__accent a:not(.button){color:var(--color__bruise)}.theme__accent a:focus:not(.button),.theme__accent a:hover:not(.button){background:var(--color__bruise);color:var(--color__accent)}