@font-face{font-family:"Work Sans";font-style:normal;font-weight:300;font-display:block;src:local(""),url("/fonts/WorkSans-Light-300-subset.woff2") format("woff2")}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--primary-color: #a8c6f7;--link-color: #131313;--font-color: #131313;--logo-color: #131313;--nav-icons: #2f2d2d;--nav-icons-hover: #000;--contact-hover: #292929;--heading-color: #131313;--inspect-color: #9600f3;--eclipse-placeholder: #ffad00;--moon: #a8c6f7;--ocean2: #061029;--ocean3: #2a5ad2;--ocean4: #2c63dc;--ocean5: #56a3e4;--dark-container: #26333e;--border-color: #151515;--sub-heading: #394956;--skills-font: #fff;--logo-outline: #ccff00;--button-hover: #7e04ca;--scrollbar-thumb: #c1c1c1;--scrollbar-track: #fafafa;--scrollbar-hover: #727272;--nav-border: #95b0db;--sunMoon: url("/img/contact/sun.svg");--comet: #fff200;--input-bkgd: #fff;--switch-container: #ffffff}[data-theme=dark]{--primary-color: #0b0c11;--link-color: #3f8ffd;--font-color: #ffffff;--logo-color: none;--nav-icons: #bbb;--nav-icons-hover: #fff;--contact-hover: #196bdc;--heading-color: #e1e1ff;--inspect-color: #ff0a78;--eclipse-placeholder: #171720;--moon: #171720;--ocean2: #000319;--ocean3: #01266d;--ocean4: #01389c;--ocean5: #5080d8;--dark-container: #151f28;--border-color: #000;--sub-heading: #1f2c38;--skills-font: #d2d4d8;--logo-outline: #2a7fff;--button-hover: #d30461;--scrollbar-thumb: #5773ff;--scrollbar-track: #0a0b10;--scrollbar-hover: #002aff;--nav-border: #032a61;--sunMoon: url("/img/contact/moon.svg");--comet: #62cfe8;--input-bkgd: #000;--switch-container: #0b0c11}*{box-sizing:border-box}html{font-size:62.5%;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-font-smoothing:antialiased;background:var(--primary-color);scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}@media only screen and (max-width: 768px){html,body{overflow-x:hidden}}body{font-family:"Work Sans","Geneva","Verdana",sans-serif;font-size:1.8rem;font-weight:300;line-height:1.5;color:#131313}h1,h3,h4{font-family:"Montserrat","Arial Black","Verdana",sans-serif}h2{font-family:"Montserrat","Verdana","Arial Black",sans-serif}h1,h2{font-weight:900}a{text-decoration:none;cursor:pointer;color:var(--link-color)}i{font-style:italic}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background-color:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:20px;border:3px solid var(--scrollbar-track)}::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-hover)}#starry-night{position:relative;background-color:var(--primary-color)}#star-field{position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:none;animation:FadeIn 2s ease-in}[data-theme=dark] #starry-night{background:radial-gradient(ellipse at bottom, #1e1e2d 0, #090a0f 100%)}[data-theme=dark] #star-field{background-image:url("/img/hero/stars.svg")}@media only screen and (max-width: 480px){[data-theme=dark] #star-field{background-size:contain}}.container{max-width:1305px;padding-right:2rem;padding-left:2rem;margin-right:auto;margin-left:auto}@media only screen and (max-width: 480px){.container{padding-right:1.5rem;padding-left:1.5rem}}@media(hover: hover)and (pointer: fine){.pause-animate{animation-play-state:paused !important}}.relative{position:relative}.auto{margin:auto}nav{display:flex;justify-content:space-between;align-items:center;padding:3rem 5rem}@media only screen and (max-width: 768px){nav{padding:2.5rem}}nav #logo-wrapper{height:36px;cursor:pointer}@media only screen and (max-width: 480px){nav #logo-wrapper{height:30px}}nav #logo{height:100%}nav #logo g{stroke:var(--link-color);fill:var(--logo-color)}.animate-logo path{stroke-dasharray:210;stroke-dashoffset:210;stroke-linecap:round;animation:dash 2s forwards}.animate-logo g{animation:fill-in 1s 1s forwards;fill-opacity:0}.animate-logo2 path{stroke-dasharray:210;stroke-dashoffset:210;stroke-linecap:round;animation:dash2 2s forwards}.animate-logo2 g{animation:fill-in2 1s 1s forwards;fill-opacity:0}.nav-items .center-links{position:absolute;display:flex;align-items:center;left:calc(50% - 98px)}@media only screen and (max-width: 768px){.nav-items .center-links{flex-direction:column;position:static;left:0}}.nav-items a{font-size:1.8rem;font-weight:400}@media only screen and (max-width: 768px){.nav-items a{font-size:3.5rem;color:#fff}}@media only screen and (max-width: 480px){.nav-items a{font-size:2.5rem}}#contact{border:2px solid var(--link-color);background:var(--link-color);color:#fff;padding:0 1.5rem;border-radius:70px;margin-left:2rem;line-height:2}@media only screen and (min-width: 769px){#contact:hover{background-color:var(--contact-hover);border-color:var(--contact-hover);transition:.3s border-color,.3s background-color}}@media only screen and (max-width: 768px){#contact{margin:4rem 0 7rem;padding:1rem 3.5rem;border-color:var(--inspect-color);background:var(--inspect-color)}}@media only screen and (max-width: 480px){#contact{margin:3rem 0 7rem}}#portfolio-link{color:var(--font-color)}@media only screen and (min-width: 769px){#portfolio-link:hover{color:var(--contact-hover);transition:.3s color}}@media only screen and (max-width: 768px){#portfolio-link{color:#fff}}#theme-switcher{height:40px;width:40px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0);padding:0;border:0;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:5px;cursor:pointer;overflow:hidden;transform:scale(0.9);transition:opacity .3s ease}#theme-switcher:focus{outline:none}@media only screen and (max-width: 768px){#theme-switcher{transform:scale(2.2)}}@media only screen and (max-width: 480px){#theme-switcher{transform:scale(1.7)}}[data-theme=light] #theme-switcher:hover #little-sun{background-color:#131313}[data-theme=light] #theme-switcher:hover #little-sun::after{box-shadow:0 -23px 0 #131313,0 23px 0 #131313,23px 0 0 #131313,-23px 0 0 #131313,15px 15px 0 #131313,-15px 15px 0 #131313,15px -15px 0 #131313,-15px -15px 0 #131313}[data-theme=dark] #theme-switcher:hover #little-moon{background-color:var(--nav-icons-hover);border-color:var(--nav-icons-hover)}[data-theme=light] #little-sun{height:24px;position:relative;transform:scale(0.55);width:24px;border-radius:50%;overflow:visible;background-color:var(--nav-icons)}[data-theme=light] #little-sun::after{box-shadow:0 -23px 0 var(--nav-icons),0 23px 0 var(--nav-icons),23px 0 0 var(--nav-icons),-23px 0 0 var(--nav-icons),15px 15px 0 var(--nav-icons),-15px 15px 0 var(--nav-icons),15px -15px 0 var(--nav-icons),-15px -15px 0 var(--nav-icons);content:"";height:8px;left:50%;position:absolute;top:50%;width:8px;transform:scale(1);border-radius:50%;margin:-4px 0px 0px -4px}[data-theme=dark] #little-sun{background-color:var(--primary-color);border-radius:50%;border:0;height:24px;opacity:1;position:absolute;right:0;top:0;transform:translate(0, 0);transition:transform .45s ease;width:24px}[data-theme=light] #little-moon{height:24px;opacity:0;position:absolute;right:0px;top:0px;transform:translate(14px, -14px);width:24px;border-radius:50%;border-width:0px;border-style:initial;border-color:initial;-o-border-image:initial;border-image:initial;transition:background-color .25s ease 0s,transform .45s ease 0s}[data-theme=dark] #little-moon{border:2px solid var(--nav-icons);background-color:var(--nav-icons);border-radius:50%;height:24px;overflow:hidden;position:relative;transform:scale(1);transition:transform .45s ease;width:24px}.switches{display:flex;align-items:center}@media only screen and (max-width: 768px){.switches{background:var(--switch-container);border-radius:12px;padding:3rem 5rem}}@media only screen and (max-width: 480px){.switches{padding:2.2rem 4rem}}.switches #sound-switch{height:40px;width:40px;margin-right:.5rem;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;cursor:pointer}.switches #sound-switch:hover #sound-path-1{fill:var(--nav-icons-hover);stroke:var(--nav-icons-hover)}.switches #sound-switch:hover #sound-path-2,.switches #sound-switch:hover #sound-path-3{stroke:var(--nav-icons-hover)}@media only screen and (max-width: 768px){.switches #sound-switch{transform:scale(2.5);margin-right:7rem}}@media only screen and (max-width: 480px){.switches #sound-switch{transform:scale(2);margin-right:5rem}}.switches #sound-switch #sound-icon{height:28px;width:28px}.switches #sound-switch #sound-path-1{fill:var(--nav-icons);stroke:var(--nav-icons);transform-origin:30% center}.switches #sound-switch #sound-path-2,.switches #sound-switch #sound-path-3{stroke:var(--nav-icons)}.sound-enabled #sound-icon{animation:Sound-Shake 350ms ease}#sound-path-2{opacity:1;transition-delay:150ms;transition-property:opacity}#sound-path-3{opacity:1;transition-delay:0ms}[data-sound=sound-off] #sound-icon #sound-path-2{opacity:0;transition-delay:0ms}[data-sound=sound-off] #sound-icon #sound-path-3{opacity:0}#menu-wrap .toggler{display:none}@media only screen and (max-width: 768px){#menu-wrap .toggler{position:fixed;display:block;top:1.4rem;right:1.4rem;z-index:1000003;cursor:pointer;width:60px;height:60px;margin:0;opacity:0}#menu-wrap .hamburger{position:fixed;right:1.4rem;top:1.4rem;z-index:1000001;width:60px;height:60px;padding:1rem;display:flex;align-items:center;justify-content:center}}@media only screen and (max-width: 768px)and (max-width: 480px){#menu-wrap .hamburger{top:1.1rem;transform:scale(0.8)}}@media only screen and (max-width: 768px){#menu-wrap .hamburger>div{position:relative;flex:none;width:100%;height:2px;background-color:#fff;display:flex;align-items:center;justify-content:center;transition:all .4s ease}}@media only screen and (max-width: 768px){#menu-wrap .hamburger>div::before,#menu-wrap .hamburger>div::after{content:"";position:absolute;z-index:1;top:-10px;width:100%;height:2px;background:inherit}}@media only screen and (max-width: 768px){#menu-wrap .hamburger>div::after{top:10px}}@media only screen and (max-width: 768px){#menu-wrap .toggler:checked+.hamburger>div{transform:rotate(135deg)}}@media only screen and (max-width: 768px){#menu-wrap .toggler:checked+.hamburger>div:before,#menu-wrap .toggler:checked+.hamburger>div:after{top:0;transform:rotate(90deg)}}@media only screen and (max-width: 768px){#menu-wrap .toggler:checked:hover+.hamburger>div{transform:rotate(225deg)}}@media only screen and (max-width: 768px){#menu-wrap .toggler:checked~.nav-items{opacity:1;pointer-events:auto}}@media only screen and (max-width: 768px){#menu-wrap .toggler:checked~.nav-items a:first-child{animation:MobileFly .4s .2s forwards}}@media only screen and (max-width: 768px){#menu-wrap .toggler:checked~.nav-items a:nth-child(2){animation:MobileFly .4s .4s forwards}}@media only screen and (max-width: 768px){#menu-wrap .toggler:checked~.nav-items .switches{animation:MobileFly .4s .6s forwards}}@media only screen and (max-width: 768px){#menu-wrap .nav-items{position:fixed;pointer-events:none;inset:0;width:100%;height:100%;background:rgba(14,20,27,.8509803922);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden;opacity:0;z-index:1000000;display:flex;flex-direction:column;justify-content:center;align-items:center}#menu-wrap .nav-items a,#menu-wrap .nav-items .switches{transform:translateX(-100vw);will-change:transform}}.sky-wrapper{height:476px}@media only screen and (max-width: 768px){.sky-wrapper{height:400px}}@media only screen and (max-width: 480px){.sky-wrapper{height:300px}}#mountain-wrapper{height:inherit;width:100%;position:absolute;overflow:hidden}#mountain-wrapper svg{height:inherit;position:absolute;left:50%;bottom:0;transform:translate(-50%, 0)}.hero-wrapper .hero-head{text-align:center;padding-bottom:12rem;color:var(--heading-color)}@media only screen and (max-width: 768px){.hero-wrapper .hero-head{padding-bottom:9rem}}.hero-wrapper .hero-head h1.title{font-size:6rem;padding-top:8rem;margin-bottom:.5rem;font-weight:900}@media only screen and (max-width: 768px){.hero-wrapper .hero-head h1.title{padding-top:4rem}}@media only screen and (max-width: 480px){.hero-wrapper .hero-head h1.title{font-size:4rem}}.hero-wrapper .hero-head h2.sub-title{font-weight:500;font-size:3.5rem}@media only screen and (max-width: 768px){.hero-wrapper .hero-head h2.sub-title{display:none}}.hero-wrapper .hero-head h2.sub-title span{position:relative;color:var(--inspect-color);font-weight:800}.hero-wrapper .hero-head h2.sub-title #svg-underline{width:85%;position:absolute;left:5px;bottom:-13px}@media only screen and (max-width: 480px){.hero-wrapper .hero-head h2.sub-title #svg-underline{display:none}}.hero-wrapper .hero-head h2.sub-title #stroke{stroke:var(--inspect-color);stroke-dasharray:1000;stroke-dashoffset:1000;animation:Stroke 1.5s .4s ease-out forwards}@media only screen and (max-width: 1103px){.hero-wrapper .hero-head h2.sub-title{margin-top:3.5rem}}.hero-body{position:relative}.eclipse{transform:translate(0, 0);position:absolute;top:-10px;left:50%;margin-left:6rem;width:100px;height:100px;border-radius:50%}@media only screen and (max-width: 768px){.eclipse{top:-40px;margin-left:3rem;width:85px;height:85px}}@media only screen and (max-width: 768px){.eclipse{top:-50px}}#sun{z-index:1601;background-color:#ffad00;animation:FadeIn 2s ease-out}#sun-shadow{background-color:#ffad00;box-shadow:0px 0px 10px 5px #ffad00;opacity:0;transition:opacity 3s linear}[data-theme=dark] #sun-shadow{opacity:1}#moon{z-index:1602}.eclipse-start{animation:eclipse 3s linear forwards;background-color:var(--moon)}.eclipse-out{animation:eclipse-out 3s linear forwards;background-color:var(--primary-color)}#hello-there-div{z-index:90003;position:absolute;top:-10px;left:50%;margin-left:6rem;width:100px;height:100px;border-radius:50%}.eclipse-placeholder{background-color:var(--eclipse-placeholder);position:relative;z-index:1603}.cloud.background,.cloud{background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 24"><path fill="%23fff" d="M33.85 14.388c-.176 0-.343.034-.513.054a6.272 6.272 0 00-5.993-8.124c-.38 0-.752.039-1.113.104C24.874 2.677 21.293 0 17.083 0c-5.379 0-9.739 4.361-9.739 9.738 0 .418.035.826.084 1.229a6.378 6.378 0 00-1.155-.11 6.273 6.273 0 00-.001 12.544c.214 0 27.156.109 27.577.109a4.561 4.561 0 00.001-9.122z"/></svg>')}#clouds{position:absolute;top:25px;right:0;bottom:0;left:0;height:230px;overflow:hidden}@media only screen and (max-width: 480px){#clouds{height:170px}}.cloud{position:absolute;width:100%;height:70px;background-repeat:no-repeat;background-size:auto 100%;animation:Float 120s linear infinite forwards reverse;z-index:90002;transform:translateX(-115px)}@media only screen and (max-width: 768px){.cloud{animation-duration:70s !important}}@media only screen and (max-width: 480px){.cloud{animation-duration:40s !important}}@media only screen and (max-width: 768px){.cloud:nth-child(-n+3){display:none}}.cloud.foreground{height:10%;min-height:20px}.cloud.background{height:9%;min-height:8px;animation-duration:210s}.cloud:nth-child(10){animation-delay:-184s;top:60%}.cloud.background:nth-child(10){animation-duration:110s}.cloud:nth-child(9){animation-delay:-166s;top:54%}.cloud.background:nth-child(9){animation-duration:114s}.cloud:nth-child(8){animation-delay:-147s;top:48%}.cloud.foreground:nth-child(8){animation-duration:88s;height:30%}.cloud:nth-child(7){animation-delay:-129s;top:42%}.cloud.background:nth-child(7){animation-duration:122s;height:.34%}.cloud:nth-child(6){animation-delay:-110s;top:36%}.cloud.background:nth-child(6){animation-duration:126s;height:1.5%}.cloud:nth-child(5){animation-delay:-92s;top:30%}.cloud.foreground:nth-child(5){animation-duration:100s;height:22.5%}.cloud:nth-child(4){animation-delay:-73s;top:24%}.cloud.background:nth-child(4){animation-duration:134s;height:4%}.cloud:nth-child(3){animation-delay:-55s;top:18%}.cloud.foreground:nth-child(3){animation-duration:108s;height:17.5%}.cloud:nth-child(2){animation-delay:-37s;top:12%}.cloud.background:nth-child(2){animation-duration:142s;height:6.59%}.cloud:nth-child(1){animation-delay:-18s;top:6%}.cloud.foreground:nth-child(1){animation-duration:116s;height:12.5%}#deep-blue-sea{position:relative;background-image:linear-gradient(to top, #0b0c11 50%, var(--ocean2) 60%, var(--ocean3) 100%)}#about{text-align:center;position:relative;min-height:650px;overflow:hidden;padding:24rem 0 10rem;background-image:linear-gradient(to top, var(--ocean3) 0%, var(--ocean4) 77%, var(--ocean5) 95%)}#about h2{font-weight:900;font-size:4.5rem;color:#fff;margin-bottom:3rem}@media only screen and (max-width: 480px){#about h2{font-size:3rem}}#about p{font-weight:300;font-size:2.5rem;line-height:1.5;color:#fff;max-width:925px;margin:auto}@media only screen and (max-width: 480px){#about p{font-size:2rem}}#boat-path{position:absolute;height:175px;width:100%;overflow:hidden;margin-top:-112px}#boat-path #ahoy{animation:Float linear 70s infinite reverse;position:relative;margin-top:80px;z-index:90001;transform:translateX(-175px)}@media only screen and (max-width: 768px){#boat-path #ahoy{animation-duration:40s}}@media only screen and (max-width: 480px){#boat-path #ahoy{animation-duration:25s}}#boat-path .breezy .wind{position:absolute;top:-99px;left:450px}#boat-path .breezy .wind .stream{position:absolute;background:#fff;border-radius:.625em;height:4px}#boat-path .breezy .wind .w1{width:70px;right:0;top:20px;animation:wind 1s -1s linear infinite,windout 3s 3s infinite forwards}#boat-path .breezy .wind .w2{width:90px;right:-50px;top:62px;animation:wind 1s -2s linear infinite,windout 3s 3s infinite forwards}#boat-path .breezy .wind .w3{width:50px;right:0em;top:106px;animation:wind 1s -1s linear infinite,windout 3s 3s infinite forwards}#boat-path .breezy .wind .w4{width:60px;right:100px;top:132px;animation:wind 1s .2s linear infinite,windout 3s 3s infinite forwards}#boat-path .breezy .wind .w5{width:70px;right:30px;top:160px;animation:wind 1s -1.5s linear infinite,windout 3s 3s infinite forwards}#boat-path #boat-wrap{width:96px;height:82px;border-radius:100% 100% 60% 60%}#boat-path #boat-wrap:hover{cursor:url("/img/hero/wind.svg") 16 16,pointer}#boat-path #boat-wrap:hover~.wake{opacity:0}#boat-path #boat{background:linear-gradient(to right, #9c4f16 50%, #6f3810 50%);height:24px;width:96px;border-radius:0 0 25px 25px;position:absolute;margin-top:58px}#boat-path #boat::before{content:"";width:100px;height:5px;position:absolute;top:0;left:-2px;background:linear-gradient(to right, #e37f35 50%, #c9651c 50%)}#boat-path #boat .mast{height:58px;width:4px;background:linear-gradient(to right, #e99b62 50%, #df701f 50%);position:absolute;left:49%;top:-58px}#boat-path #boat .mast .sail{border-left:28px solid rgba(0,0,0,0);border-bottom:48px solid #fff;position:relative;left:-28px}#boat-path #boat .mast .sail:after{content:"";border-right:21px solid rgba(0,0,0,0);border-bottom:36px solid #e6e6e6;position:absolute;left:4px;top:12px}#boat-path .wake{position:relative;background-image:linear-gradient(90deg, rgba(250, 250, 255, 0.7) 30%, rgba(255, 255, 255, 0) 100%);width:185px;height:8px;margin-top:-6px;border-radius:40%;z-index:-1;transition:3s opacity;-webkit-clip-path:inset(0 0 0 20px);clip-path:inset(0 0 0 20px)}.wake-show #boat-wrap:hover~.wake{opacity:1 !important}.wave{position:absolute;height:3px;background-color:#97bdf3;border-radius:100%;opacity:.2}.wave:nth-of-type(2){width:87px;top:73px;left:16vw;opacity:.2}.wave:nth-of-type(3){width:116px;top:47px;left:51vw;opacity:.1}.wave:nth-of-type(4){width:148px;top:62px;left:34vw;opacity:.1}.wave:nth-of-type(5){width:100px;top:6px;left:43vw;opacity:.1}.wave:nth-of-type(6){width:63px;top:80px;left:13vw;opacity:.2}.wave:nth-of-type(7){width:149px;top:55px;left:77vw;opacity:.2}.wave:nth-of-type(8){width:60px;top:58px;left:51vw;opacity:.1}.wave:nth-of-type(9){width:113px;top:69px;left:79vw;opacity:.3}.wave:nth-of-type(10){width:132px;top:19px;left:18vw;opacity:.4}.wave:nth-of-type(11){width:90px;top:45px;left:19vw;opacity:.4}.wave:nth-of-type(12){width:147px;top:43px;left:71vw;opacity:.1}.wave:nth-of-type(13){width:69px;top:56px;left:94vw;opacity:.2}.wave:nth-of-type(14){width:111px;top:37px;left:84vw;opacity:.1}.wave:nth-of-type(15){width:138px;top:75px;left:82vw;opacity:.2}@media only screen and (min-width: 769px){.wave:nth-of-type(16){width:110px;top:36px;left:97vw;opacity:.4}.wave:nth-of-type(17){width:58px;top:47px;left:16vw;opacity:.4}.wave:nth-of-type(18){width:61px;top:37px;left:8vw;opacity:.3}.wave:nth-of-type(19){width:67px;top:5px;left:23vw;opacity:.4}.wave:nth-of-type(20){width:106px;top:75px;left:86vw;opacity:.4}.wave:nth-of-type(21){width:129px;top:26px;left:94vw;opacity:.4}.wave:nth-of-type(22){width:90px;top:34px;left:8vw;opacity:.2}.wave:nth-of-type(23){width:135px;top:37px;left:93vw;opacity:.2}.wave:nth-of-type(24){width:107px;top:47px;left:78vw;opacity:.1}.wave:nth-of-type(25){width:115px;top:59px;left:65vw;opacity:.3}.wave:nth-of-type(26){width:149px;top:42px;left:12vw;opacity:.1}}#skills .columns{display:grid;grid-template-columns:repeat(3, 1fr);background-color:var(--dark-container);color:var(--skills-font);border-radius:12px;position:relative;text-align:center}#skills .columns .column{padding:7rem 4rem 10rem;font-size:1.8rem;line-height:32px}@media only screen and (max-width: 1024px){#skills .columns .column{padding:7rem 1.5rem 10rem}}@media only screen and (max-width: 480px){#skills .columns .column{font-size:1.6rem;line-height:30px;padding:7rem 2rem 7rem}}#skills .columns .column:nth-child(-n+2){border-right:1px solid var(--border-color)}@media only screen and (max-width: 768px){#skills .columns .column:nth-child(-n+2){border-right:none;border-bottom:1px solid var(--border-color)}}#skills .columns .column p{max-width:500px;margin:auto}#skills .columns .column #dev-svg{width:86px;height:auto}#skills .columns .column #ecom-svg{width:92px;height:auto}#skills .columns .column #skills-svg{width:103px;height:auto}@media only screen and (max-width: 480px){#skills .columns .column img{transform:scale(0.9)}}#skills .columns .column h3{color:#fff;font-size:2.5rem;font-weight:900;padding:2.5rem 0 2rem}@media only screen and (max-width: 480px){#skills .columns .column h3{font-size:2.3rem}}#skills .columns .column h4{color:#fff;margin:4rem 0 1.5rem;font-weight:500;background-color:var(--sub-heading);background-image:linear-gradient(to right, var(--dark-container), var(--sub-heading));display:inline-block;border-radius:55px;padding:.5rem 2rem;margin-right:1rem}#skills .columns .column h4 img{height:12px;width:auto;margin-right:1rem}@media only screen and (max-width: 768px){#skills .columns{grid-template-columns:repeat(1, 1fr)}}#portfolio{top:-15rem;position:absolute}#my-recent{color:#fff;overflow:hidden;position:relative;padding-top:25rem}@media only screen and (max-width: 1240px){#my-recent{padding-top:20rem}}@media only screen and (max-width: 480px){#my-recent{padding-top:10rem}}#my-recent .project-row{display:flex;align-items:center;position:relative;margin-bottom:50rem}@media only screen and (max-width: 1240px){#my-recent .project-row{flex-direction:column;margin-bottom:25rem}}#my-recent .project-row .mockups{width:100%;height:auto;display:block}#my-recent .project-row .project-content{text-align:left;margin-top:-4rem;max-width:535px}@media only screen and (max-width: 1240px){#my-recent .project-row .project-content{text-align:center;margin-top:10rem}}@media only screen and (max-width: 480px){#my-recent .project-row .project-content{margin-top:5rem}}#my-recent .project-row .project-content h2{margin-bottom:2rem;font-weight:900;color:#fff;font-size:4.5rem}@media only screen and (max-width: 480px){#my-recent .project-row .project-content h2{font-size:3rem}}#my-recent .project-row .project-content p{font-size:2.4rem;margin-bottom:4rem;color:#bac4d4}@media only screen and (max-width: 480px){#my-recent .project-row .project-content p{font-size:1.9rem}}#my-recent .project-row .project-content .see-it-button{padding:1.2rem 2.2rem;color:#fff;font-weight:400;box-shadow:inset 0px 0px 0px 1px #566171;border-radius:100px;font-size:2rem;transition:200ms}@media only screen and (max-width: 480px){#my-recent .project-row .project-content .see-it-button{font-size:1.6rem}}#my-recent .project-row .project-content .see-it-button:hover{color:#3195ff;background:#001832;box-shadow:inset 0px 0px 0px 1px #3195ff}#my-recent .project-row .project-content .see-it-button:hover .arrow{fill:#3195ff;transform:translate3D(30%, 0px, 0px)}#my-recent .project-row .project-content .see-it-button .arrow{height:11px;fill:#fff;margin-left:3px;transition:transform .4s cubic-bezier(0.19, 1, 0.22, 1)}#my-recent .projects .project-row.one{justify-content:space-between}@media only screen and (max-width: 480px){#my-recent .projects .project-row.one{margin-bottom:20rem}}#my-recent .projects .project-row.one .mockups{max-width:600px}#my-recent .projects .project-row.two{margin-bottom:70rem}@media only screen and (max-width: 1240px){#my-recent .projects .project-row.two{margin-bottom:25rem}}@media only screen and (max-width: 480px){#my-recent .projects .project-row.two{margin-bottom:20rem}}#my-recent .projects .project-row.two .mockups{position:relative;z-index:1}#my-recent .projects .awest-container{width:100%;aspect-ratio:275/161;max-width:870px;position:absolute;right:-168px}@media only screen and (max-width: 1240px){#my-recent .projects .awest-container{position:relative;right:0}}#my-recent .projects .project-row.three{justify-content:flex-end}@media only screen and (max-width: 1240px){#my-recent .projects .project-row.three{text-align:center}}#my-recent .projects .project-row.three .mockups{position:relative}#my-recent .projects .nasa-container{width:100%;aspect-ratio:292/207;max-width:730px;position:absolute;left:-97px}@media only screen and (max-width: 1240px){#my-recent .projects .nasa-container{position:relative;left:0}}.row-one-image-contain{width:100%;aspect-ratio:1200/1351;max-width:600px}.portfolio-images{height:auto;position:absolute;opacity:50%}#dots{top:-6rem;width:175px;left:-4rem}@media only screen and (max-width: 1240px){#dots{display:none}}#strokes{width:110px;top:2rem;right:4rem}@media only screen and (max-width: 768px){#strokes{display:none}}#squiggle{width:180px;top:-3rem;left:-1rem}@media only screen and (max-width: 480px){#squiggle{width:120px;top:-2rem}}#bubbles{width:325px;top:-8rem;left:44rem}@media only screen and (max-width: 768px){#bubbles{left:unset;right:-3rem}}@media only screen and (max-width: 480px){#bubbles{width:230px}}.creatures{position:absolute;height:auto;opacity:0;z-index:90000}.fish{width:100px;top:-17rem;left:0}@media only screen and (max-width: 1240px){.fish{display:none}}.blue-fish{width:180px;top:-3rem;right:18rem;z-index:1}@media only screen and (max-width: 1240px){.blue-fish{display:none}}.shark{width:230px;top:-18rem;right:-33rem}@media only screen and (max-width: 1240px){.shark{display:none}}@media only screen and (min-width: 1240px){.ani-fish .fish{animation:fishy 3s ease-out forwards}.ani-bluefish .blue-fish{animation:blueFishy 2s ease-out forwards}.ani-shark .shark{animation:shark 3s ease-out forwards}.ani-angler .angler-wrapper{animation:angler 4s 1s ease-out forwards}.ani-angler .angler-wrapper::after,.ani-angler .angler-wrapper::before{animation:FadeIn 1s 2.5s linear forwards}}@media only screen and (max-width: 1239px){.ani-angler .angler-wrapper{animation:blueFishy 3s .5s ease-out forwards}.ani-angler .angler-wrapper::after,.ani-angler .angler-wrapper::before{animation:FadeIn 1s 2s linear forwards}}#angler{height:15rem}.angler-wrapper{position:relative;width:150px;height:auto;top:17rem;left:17rem;z-index:999999}.angler-wrapper img{width:150px;height:auto}@media only screen and (max-width: 480px){.angler-wrapper img{width:135px}}@media only screen and (max-width: 1240px){.angler-wrapper{left:calc(50% - 75px)}}@media only screen and (max-width: 480px){.angler-wrapper{width:135px;top:15rem}}.angler-wrapper::before{content:"";position:absolute;top:-180px;right:-195px;width:400px;height:400px;background:radial-gradient(circle at center, rgba(237, 255, 3, 0.0784313725), transparent 40%);opacity:0}.angler-wrapper::after{content:"";position:absolute;top:-28px;right:-46px;width:100px;height:100px;background:radial-gradient(circle at center, rgba(246, 255, 0, 0.568627451), transparent 45%);opacity:0}#sea-floor{height:190px;width:100%;position:relative;background-image:url("/img/footer/plants_dark.svg");background-repeat:no-repeat;background-size:cover;background-position:top;margin-bottom:-1px}@media only screen and (max-width: 480px){#sea-floor{height:125px}}footer{background-color:#0e141b;background:linear-gradient(to bottom left, #0e141b 50%, #141c25);padding-bottom:5rem;position:relative;text-align:center;font-weight:400}footer::after{position:absolute;top:0;bottom:0;left:0;right:0;content:"";background-image:url("/img/footer/background.png");background-size:auto;background-position:top center;mix-blend-mode:screen;opacity:50%;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom, transparent 0%, #000 30%, #000 70%, transparent 100%);mask-image:linear-gradient(to bottom, transparent 0%, #000 30%, #000 70%, transparent 100%)}@media only screen and (max-width: 1240px){footer::after{background-size:100%}}#contact_block{text-align:center;padding:18rem 0 20rem}@media only screen and (max-width: 480px){#contact_block{padding:12rem 0 13rem}}#contact_block #logo-footer{height:145px;cursor:none}@media only screen and (max-width: 480px){#contact_block #logo-footer{height:100px}}#contact_block #logo-footer g:first-child{stroke:var(--logo-outline);fill:rgba(0,0,0,0)}#contact_block #logo-footer g:nth-child(2){stroke:var(--inspect-color);fill:rgba(0,0,0,0)}#contact_block .animate-logo path{stroke-dasharray:700;stroke-dashoffset:700}#contact_block .animate-logo2 path{stroke-dasharray:700;stroke-dashoffset:700}#contact_block h2{font-weight:900;font-size:6rem;margin:6rem 0 6rem;color:#fff}@media only screen and (max-width: 480px){#contact_block h2{font-size:4rem;margin:4rem 0 4rem}}#contact_block a{background-color:var(--inspect-color);color:#fff;padding:1.5rem 4rem;border-radius:40px;font-size:2.5rem;font-weight:400;position:relative;z-index:5}@media only screen and (max-width: 480px){#contact_block a{font-size:2rem;padding:1.2rem 3rem}}#contact_block a:hover{background-color:var(--button-hover);transition:.3s background-color}.footer-icons{padding-bottom:3rem}.footer-icons svg{width:47px;fill:#fff}@media only screen and (max-width: 480px){.footer-icons svg{width:38px}}.footer-icons svg:hover{fill:#b7b7b7}.footer-icons #linkedin{padding:0 1rem}#copyright{font-size:2rem;color:#6d6d6d}@media only screen and (min-width: 2113px){#sea-floor{background-size:contain;background-repeat:repeat}}.contact-page .nav-wrapper{position:relative;border-bottom:1px solid var(--nav-border)}.contact-page #starry-night{display:flex;flex-direction:column;min-height:100vh;overflow:hidden}@media only screen and (min-width: 769px){.contact-page .center-links{display:none}}.contact-page .form-wrap{padding-top:10rem}@media only screen and (min-height: 1100px){.contact-page .form-wrap{padding-top:0;margin:auto}}.contact-page h1{position:relative;z-index:1;text-align:center;color:var(--font-color);font-size:6rem;max-width:800px;margin:0 auto 6rem}@media only screen and (max-width: 480px){.contact-page h1{font-size:4rem;margin:-3rem auto 5rem}}.contact-page form{max-width:700px;margin:auto;padding-bottom:10rem}.contact-page form input,.contact-page form textarea{position:relative;z-index:1;color:var(--font-color);background-color:var(--input-bkgd);width:100%;font-family:"Work Sans",sans-serif;box-shadow:none;padding:1.5rem 1.8rem;font-size:2rem;border-radius:4px;border:1px solid rgba(0,0,0,0);-moz-appearance:none;appearance:none;-webkit-appearance:none}.contact-page form input:focus,.contact-page form textarea:focus{outline:none}.contact-page form label{color:var(--font-color);display:block;margin-bottom:1rem;font-weight:400}.contact-page form button{position:relative;z-index:2;font-family:"Work Sans",sans-serif;font-weight:400;border:2px solid var(--link-color);background-color:var(--link-color);color:#fff;margin:auto;display:block;padding:1rem 4rem;margin-top:4rem;border-radius:40px;font-size:2.2rem;cursor:pointer}.contact-page form button:hover{background-color:var(--contact-hover);border-color:var(--contact-hover);transition:.3s border-color,.3s background-color}@media only screen and (max-width: 480px){.contact-page form button{width:100%}}.contact-page form .group{margin-bottom:2rem}@media only screen and (max-width: 480px){.contact-page form .group{margin-bottom:1.5rem}}.contact-page form .half-col{display:flex}@media only screen and (max-width: 480px){.contact-page form .half-col{flex-direction:column}}.contact-page form .half-col .group{flex-grow:1}.contact-page form .half-col .group:first-child{margin-right:2rem}@media only screen and (max-width: 480px){.contact-page form .half-col .group:first-child{margin-right:0}}#sun-moon-contain{height:80px;width:80px;position:absolute;top:60px;left:calc(50% - 40px);z-index:2;transform-origin:50% 50%}@media only screen and (max-width: 768px){#sun-moon-contain{top:46px}}@media only screen and (max-width: 480px){#sun-moon-contain{top:41px}}#sun-moon-contain #sun-moon{width:100%;height:100%;background-image:var(--sunMoon);background-repeat:no-repeat;background-position:center;background-size:contain}@media only screen and (max-width: 480px){#sun-moon-contain #sun-moon{transform:scale(0.7)}}.spin{animation:Spin 1s ease}.spin2{animation:Spin2 1s ease}#comet-shoot{animation:Comet ease 6s 1s infinite;width:100%;margin-top:-1px}@media only screen and (max-width: 768px){#comet-shoot{animation-duration:3s}}#comet-shoot #comet{width:120px;height:2px;background-image:linear-gradient(260deg, var(--comet), rgba(146, 247, 211, 0));position:absolute;left:-120px}@media only screen and (max-width: 480px){#comet-shoot #comet{width:70px;left:-70px}}#my-modal{display:none;position:fixed;z-index:10009000;left:0;top:0;height:100%;width:100%;background-color:rgba(0,0,0,.9);opacity:0;transition:opacity 2s}.modal-content{position:relative;background-color:#fff;margin:auto;padding:6rem;max-width:430px;text-align:center;border-radius:14px;opacity:0;transition:opacity 3s}@media only screen and (max-width: 480px){.modal-content{padding:6rem 2rem}}.modal-content img{width:185px;height:auto;margin-bottom:2rem}.modal-content h3{font-size:3.5rem;margin-bottom:2.5rem}@media only screen and (max-width: 480px){.modal-content h3{font-size:3rem}}.modal-content button{font-family:work sans,sans-serif;font-weight:400;border:none;outline:none;background:none;border-radius:4px;padding:1.4rem 3.5rem;line-height:1;font-size:1.8rem;background-color:#1a73e8;color:#fff;cursor:pointer;box-shadow:0px 8px 15px rgba(0,0,0,.1)}@media only screen and (max-width: 480px){.modal-content button{width:100%}}.modal-content button:hover{background-color:#0b63d6}#close-modal{position:absolute;top:1rem;right:2rem;font-size:5rem;display:block;line-height:1;cursor:pointer}#my-modal.success{opacity:1}#my-modal.success .modal-content{opacity:1}#my-modal.success h3::before{content:"Thanks for your submission!"}#my-modal.success button::before{content:"Go Home"}#my-modal.failure{opacity:1}#my-modal.failure .modal-content{opacity:1}#my-modal.failure h3::before{content:"Houston, we have a problem!"}#my-modal.failure button{background-color:#e81a1a}#my-modal.failure button:hover{background-color:#d81212}#my-modal.failure button::before{content:"Try Again"}@keyframes dash{to{stroke-dashoffset:0}}@keyframes fill-in{to{fill-opacity:1}}@keyframes dash2{to{stroke-dashoffset:0}}@keyframes fill-in2{to{fill-opacity:1}}@keyframes Stroke{from{stroke-dashoffset:1000}to{stroke-dashoffset:0}}@keyframes Sound-Shake{0%{transform:rotate(0deg)}25%{transform:rotate(15deg)}50%{transform:rotate(-13deg)}75%{transform:rotate(12deg)}100%{transform:rotate(0deg)}}@keyframes FadeIn{from{opacity:0}to{opacity:1}}@keyframes Float{to{transform:translateX(100%)}}@keyframes eclipse{0%{transform:translate(110px, 0)}100%{transform:translate(0, 0)}}@keyframes eclipse-out{0%{transform:translate(0, 0)}100%{transform:translate(-110px, 0)}}@keyframes wind{0%{transform:translateX(100%);opacity:1}100%{transform:translateX(-400%);opacity:0}}@keyframes windout{to{opacity:0}}@keyframes Comet{from{transform:translateX(0)}to{transform:translateX(120%)}}@keyframes Spin{0%{transform:rotate(0deg)}100%{transform:rotate(1turn)}}@keyframes Spin2{0%{transform:rotate(0deg)}100%{transform:rotate(1turn)}}@keyframes fishy{25%{transform:translateY(50px) translateX(350px) rotate(20deg)}50%{transform:translateY(140px) translateX(350px)}100%{transform:translateX(700px) translateY(140px) rotate(0);opacity:1}}@keyframes blueFishy{100%{transform:translateY(-230px);opacity:1}}@keyframes shark{100%{transform:translateX(-320px);opacity:1}}@keyframes angler{50%{transform:translateY(-200px) translateX(0) rotate(10deg)}100%{transform:translateY(-275px) translateX(500px) rotate(0)}}@keyframes MobileFly{to{transform:translateX(0)}}