@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Jersey+25&display=swap");:root{--bar-height:8px;--bar-width:60px;--menu-gap:6px;--transition-timing:200ms ease-in-out;--font-size:1.2rem;--font-color:#121212;--background:#fff;--background-nav:rgba(82,81,81,.53);--Hero:url(/images/ocean.jpg);--nav-border:#121212;--projectBtn:#da3e9c;--email:#2c2ceb;--main-image:hidden;--navbar-height:49px;--nav-colour:hsla(0,0%,100%,.2);--projectsClr:grey;--homeColor:none;--homeBlendMode:none}:root.dark{--font-color:#d388d3;--background:#121212;--background-nav:rgba(100,27,27,.555);--nav-colour:#121212;--Hero:var(--background);--main-image:visible;--nav-border:#fff;--projectBtn:#300;--email:#cccc3a;--projectsClr:#ccc;--homeColor:none;--homeBlendMode:none}*{box-sizing:border-box;margin:0;padding:0;text-decoration:none;font-family:Montserrat,sans-serif;font-size:var(--font-size);scrollbar-width:thin;scrollbar-color:var(--font-color) transparent}*,body,html{color:var(--font-color)}body,html{background-color:var(--background);background-size:cover;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;overflow-x:clip}body:has(section),html{background:var(--Hero);background-size:cover}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}h1{font-size:clamp(2rem,10vw,3rem)}h2{font-size:clamp(1.5rem,10vw,1.7rem)}h3{font-size:clamp(1.1rem,10vw,1.3rem);font-weight:400}.title{color:#ccc}.wrapper{margin:0 20px;min-height:100vh;min-height:100svh}.content,.wrapper{display:flex;flex-direction:column}.content{flex-grow:1;margin-top:var(--navbar-height);place-content:center}.content:has(section){flex-direction:unset}.about{padding-top:20px}.about h1{text-align:center;margin:2rem 0}.about p{text-shadow:none;max-width:75ch;text-wrap:pretty}.about p,p{font-size:clamp(1rem,1.3vw,1.2rem)}p{margin:16px auto;line-height:1.6em}.layout{max-width:1200px;margin:0 auto}footer p{font-size:1rem;text-align:center;color:var(--font-color);margin:40px auto}.nav-toggle{display:none}.navbar{position:fixed;width:100vw;inset:0 0 auto 0;transition:.4s ease-in;isolation:isolate;z-index:100;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:hsla(0,0%,100%,.2);--webkit-backdrop-filter:blur(1rem);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);container-type:inline-size}nav{display:flex;justify-content:space-between;padding:0 2rem;gap:4rem;text-shadow:1px 2px 2px grey}nav .links{padding:0 10px;text-align:right;align-self:end;& li{display:inline-block}}nav a{display:inline-block;font-weight:800;padding-bottom:8px;border-bottom:3px solid transparent}nav h2 a{margin-left:20px;transition:border-color 1s ease;&:hover{border-color:var(--nav-border)}}nav .links a{transition:border-color 1s ease;margin-right:20px;&:hover{border-color:var(--nav-border)}}.contact{padding-top:20px;display:flex;flex-direction:column;align-items:center}.contact :is(h1,h2){text-align:center;margin:2rem 0;width:max-content;transition:scale 1s ease}.contact h2:hover{scale:.9}.contact h2 a{border-bottom:2px solid}.contact p{font-size:clamp(1.2rem,1.3vw,1.5rem)}@media only screen and (max-width:956px){:root{--projectBtn:#da3e9c50}.navbar{background-color:var(--nav-colour);inset:unset;bottom:0;left:0;transform:translateY(0)}.navbar:not(.visible){transform:translateY(49px)}nav{& h2 a{margin-left:0}& .links{background:var(--background-nav);--webkit-backdrop-filter:blur(2rem);-webkit-backdrop-filter:blur(2rem);backdrop-filter:blur(2rem);position:fixed;display:flex;z-index:1000;inset:auto 0 0 30%;gap:2em;flex-direction:column;padding:min(30vh,10rem) 2em;transform:translateX(100%);transition:transform .35s ease-out}}nav .links[data-visible=true]{transform:translateX(0)}.nav-toggle{display:block;z-index:9999;position:absolute;width:1rem;aspect-ratio:1;inset:.5em 40px auto auto;border:none;background-repeat:no-repeat;background-color:transparent;&:before{display:inline-block;text-rendering:auto;-webkit-font-smoothing:antialiased;font-family:Font Awesome\ 5 Free;font-weight:900;content:"\f0c9"}}.nav-toggle[aria-expanded=true]{&:before{display:inline-block;text-rendering:auto;-webkit-font-smoothing:antialiased;font-family:Font Awesome\ 5 Free;font-weight:900;content:"\f00d"}}footer p{margin:4rem auto}}@media only screen and (max-width:400px){*{margin:0}nav .links li{display:flex;flex-direction:column}nav a{margin-left:0}}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/55c55f0601d81cf3-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/26a46d62cd723877-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/97e0cb1ae144a2a9-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/581909926a08bbc8-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Inter_Fallback_e8ce0c;src:local("Arial");ascent-override:90.49%;descent-override:22.56%;line-gap-override:0.00%;size-adjust:107.06%}.__className_e8ce0c{font-family:__Inter_e8ce0c,__Inter_Fallback_e8ce0c;font-style:normal}.loading_rollerCon__0y4fv{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;background:#121212;background:radial-gradient(circle,#121212 0,#f1f1f1 100%)}.loading_ldsroller__SKcfO{display:inline-block;position:relative;width:80px;height:80px;& div{animation:loading_ldsroller__SKcfO 1.2s cubic-bezier(.5,0,.5,1) infinite;transform-origin:40px 40px}& div:after{content:" ";display:block;position:absolute;width:7px;height:7px;border-radius:50%;background:#eec0c8;margin:-4px 0 0 -4px}}.loading_ldsroller__SKcfO div:first-child{animation-delay:-36ms;&:after{top:63px;left:63px}}.loading_ldsroller__SKcfO div:nth-child(2){animation-delay:-72ms;&:after{top:68px;left:56px}}.loading_ldsroller__SKcfO div:nth-child(3){animation-delay:-.108s;&:after{top:71px;left:48px}}.loading_ldsroller__SKcfO div:nth-child(4){animation-delay:-.144s;&:after{top:72px;left:40px}}.loading_ldsroller__SKcfO div:nth-child(5){animation-delay:-.18s;&:after{top:71px;left:32px}}.loading_ldsroller__SKcfO div:nth-child(6){animation-delay:-.216s;&:after{top:68px;left:24px}}.loading_ldsroller__SKcfO div:nth-child(7){animation-delay:-.252s;&:after{top:63px;left:17px}}.loading_ldsroller__SKcfO div:nth-child(8){animation-delay:-.288s;&:after{top:56px;left:12px}}@keyframes loading_ldsroller__SKcfO{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}button{all:unset;&:focus-visible{outline:1px solid currentColor}&:hover{cursor:pointer}}