:root{--splash-bg: #FEE9E7;--main-bg: #FCB3AD;--main-font: "Raleway", sans-serif;--alt-font: "Sofia", sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{height:100%;margin:0;padding:0}#root{display:grid;grid-template-areas:"header" "content" "footer";grid-template-rows:auto 1fr auto;height:100%;width:100%}body{background-color:var(--main-bg);font-family:var(--main-font);min-height:100%}h2{font-family:var(--alt-font);font-size:4rem;margin:0}h3{font-size:1.5rem;font-weight:700;margin:0}a{color:#000;transition:color .25s ease-in-out}a:hover{color:#e2928c;transition:color .25s ease-in-out}p{font-size:1.125rem}body.splash{align-items:center;background-color:var(--splash-bg);display:flex;overflow:hidden;text-align:center}body.splash #root{align-items:center;display:flex;justify-content:center}body.splash .splash-logo{display:block;margin-bottom:61px;position:relative}.splash-logo{cursor:pointer}.splash-logo img{position:relative;z-index:1}.splash-logo .logo-circle{background-color:var(--main-bg);border-radius:50%;display:block;height:180px;left:50%;position:absolute;top:2.25rem;transform:translate(-50%);width:180px;z-index:0}.logo-circle-overlay{background-color:var(--main-bg);border-radius:50%;display:block;height:180px;left:calc(50% - 90px);opacity:0;position:absolute;top:calc(50% - 125px);transform:scale(1);width:180px;z-index:0;transition:opacity .5s,transform 1.5s ease-in}.logo-circle-overlay.expand{opacity:1;transform:scale(50);z-index:10}.scroll-text{font-size:1rem;letter-spacing:25%;margin-top:2rem;text-transform:uppercase}header{display:flex;grid-area:header;justify-content:flex-end;padding:24px 32px;position:sticky}.site-logo{display:none}nav{margin-right:12px;max-width:322px;overflow:hidden;position:relative;width:100%}.nav-wrapper{align-items:center;display:flex;justify-content:space-between;position:absolute;top:4rem;transition:all .1s ease-in-out;width:100%}nav.open .nav-wrapper{top:50%;transform:translateY(-50%);transition:all .1s ease-in-out}.nav-item a{color:#000;font-size:1rem;text-decoration:none;text-transform:uppercase;transition:background-color .25s ease-in-out}.nav-item a.active{background-color:var(--splash-bg)}.nav-item a:hover{background-color:var(--splash-bg);transition:background-color .25s ease-in-out}.nav-button{align-items:center;appearance:none;background-color:transparent;border:1px solid #000;border-radius:50%;cursor:pointer;display:flex;flex-direction:column;min-height:35px;position:relative;justify-content:center;min-width:35px}.nav-button .nav-button-line{background-color:#000;display:block;height:1px;position:absolute;width:15px}.nav-button .nav-button-line:nth-child(1){top:11px;transition:top .15s ease-in-out .15s,opacity .25s ease-in-out,transform .25s ease-in-out}.nav-button .nav-button-line:nth-child(2){opacity:1;top:16px;transition:top .15s ease-in-out .15s,opacity .25s ease-in-out,transform .25s ease-in-out}.nav-button .nav-button-line:nth-child(3){top:21px;transition:top .15s ease-in-out .15s,opacity .25s ease-in-out,transform .25s ease-in-out}.nav-button .nav-button-line:nth-child(1),.nav-button .nav-button-line:nth-child(3){transform:translateY(0) rotate(0)}.nav-button .nav-button-line:nth-child(3){margin-bottom:0}.nav-button.open .nav-button-line{top:50%;transition:top .15s ease-in-out,opacity .25s ease-in-out,transform .25s ease-in-out .15s}.nav-button.open .nav-button-line:nth-child(1){transform:translateY(-50%) rotate(45deg)}.nav-button.open .nav-button-line:nth-child(2){opacity:0}.nav-button.open .nav-button-line:nth-child(3){transform:translateY(-50%) rotate(-45deg)}main{grid-area:content;padding:32px}.wrapper{margin:auto;max-width:1024px}.my-photo{margin:auto}.hello{text-align:center}.work-entry{border-bottom:3px solid #E2928C;border-right:3px solid #E2928C;margin-bottom:2.5rem;max-width:472px;padding:24px}h2.work-title{font-family:var(--main-font);font-size:1.25rem}.work-entry p{margin-bottom:0}footer{grid-area:footer;padding:28px;text-align:center}footer .icons{display:flex;gap:1rem;justify-content:center}footer .fa-brands,footer .fa-solid{font-size:2rem;margin-bottom:.25rem}footer p{font-size:.75rem;margin:0}@media screen and (min-width: 768px){nav{margin-right:32px}.work-wrapper{display:grid;gap:3rem;grid-template-columns:1fr 1fr}}@media screen and (min-width: 1025px){#root{grid-template-rows:auto 1fr auto}header{align-items:center;justify-content:space-between;padding:40px}nav{max-width:none}.site-logo{display:block;position:relative;z-index:2}.site-logo img{position:relative;z-index:1}.site-logo .logo-circle{background-color:var(--splash-bg);border-radius:50%;display:block;height:134px;left:50%;position:absolute;top:1.6rem;transform:translate(-50%);width:134px;z-index:0}.site-logo-circle-overlay{background-color:var(--splash-bg);border-radius:50%;display:block;height:134px;left:82px;opacity:1;position:absolute;top:66px;transform:scale(1);width:134px;z-index:1;transition:opacity .5s,transform 1.5s ease-out}.site-logo-circle-overlay.expand{opacity:1;transform:scale(50);z-index:10}nav{display:flex;height:60px;justify-content:flex-end;margin-right:86px}nav .nav-wrapper{gap:70px;width:auto}nav .nav-item .mobile-home-link{display:none}.nav-item a{font-size:2rem}.nav-button{max-height:60px;min-height:60px;max-width:60px;min-width:60px}.nav-button .nav-button-line{margin-bottom:9px;width:30px}.nav-button .nav-button-line:nth-child(1){top:20px;transition:top .15s ease-in-out .15s,opacity .25s ease-in-out,transform .25s ease-in-out}.nav-button .nav-button-line:nth-child(2){opacity:1;top:29px;transition:top .15s ease-in-out .15s,opacity .25s ease-in-out,transform .25s ease-in-out}.nav-button .nav-button-line:nth-child(3){top:38px;transition:top .15s ease-in-out .15s,opacity .25s ease-in-out,transform .25s ease-in-out}.nav-button .nav-button-line:nth-child(1),.nav-button .nav-button-line:nth-child(3){transform:translateY(0) rotate(0)}.nav-button .nav-button-line:nth-child(3){margin-bottom:0}.nav-button.open .nav-button-line{top:50%;transition:top .15s ease-in-out,opacity .25s ease-in-out,transform .25s ease-in-out .15s}.nav-button.open .nav-button-line:nth-child(1){transform:translateY(-50%) rotate(45deg)}.nav-button.open .nav-button-line:nth-child(2){opacity:0}.nav-button.open .nav-button-line:nth-child(3){transform:translateY(-50%) rotate(-45deg)}footer .fa-brands,footer .fa-solid{font-size:3rem}.scroll-text{font-size:1.5rem}.splash .logo-circle-overlay{left:calc(50% - 90px);top:calc(50% - 120px)}.wrapper{display:flex;gap:34px}.hello{text-align:left}.my-photo{height:260px;width:260px}.work-wrapper{display:grid;gap:3rem;grid-template-columns:1fr 1fr}}.sr-only{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}