@import url(https://fonts.googleapis.com/css2?family=Corben:wght@700&family=Georama:wght@400;700&family=Raleway:wght@300;400;500;600;700&display=swap);a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}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:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*,:after,:before{box-sizing:border-box;z-index:10}html{scroll-behavior:smooth}form{display:flex;flex-direction:column}body{font-family:Raleway,sans-serif}.headings-font{font-family:Corben,cursive}.subheadings-font{font-family:Georama,sans-serif}button,input,textarea{font-family:inherit;outline:none}button{background:transparent;border:none;color:inherit;font-size:inherit}button:hover{cursor:pointer}.background{z-index:-100}.content{z-index:100}.particles-bg{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}a{color:inherit;outline:none;text-decoration:none}.active{font-weight:600;text-shadow:2px 1px 3px #fff;transition:all .2s}h1,h2{text-align:center}.flex-center{align-items:center;display:flex;justify-content:center}.narrow{width:50%}.space-out{margin:3em 0}p{line-height:1.4}.secondary-text-color{color:#e5ff00}.heading-highlight{background:rgba(0,0,0,.5)}.left-slide-in{-webkit-animation:left-slide-in .8s ease-in-out;animation:left-slide-in .8s ease-in-out}@-webkit-keyframes left-slide-in{0%{opacity:0;-webkit-transform:translateX(-150px);transform:translateX(-150px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes left-slide-in{0%{opacity:0;-webkit-transform:translateX(-150px);transform:translateX(-150px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.right-slide-in{-webkit-animation:right-slide-in .8s ease-in-out;animation:right-slide-in .8s ease-in-out}@-webkit-keyframes right-slide-in{0%{opacity:0;-webkit-transform:translateX(150px);transform:translateX(150px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes right-slide-in{0%{opacity:0;-webkit-transform:translateX(150px);transform:translateX(150px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.flash{-webkit-animation:flash 2s ease infinite;animation:flash 2s ease infinite}@-webkit-keyframes flash{0%{opacity:0}to{opacity:1}}@keyframes flash{0%{opacity:0}to{opacity:1}}@media screen and (max-width:767px){.narrow{width:80%}.space-out{margin:2em 0}h3,p{text-align:center}}.home-greeting,.primary-footer{position:relative;z-index:200}.primary-header{box-shadow:0 7px 20px 2px rgba(0,0,0,.5);position:-webkit-sticky;position:sticky;top:0;z-index:200}.home main{background:#0d2642;color:#fff;padding:3em 0;position:relative}.home main section{max-width:100%;scroll-margin-top:4.5em}.hidden{opacity:0}.home #tsparticles{height:100%}.home main .background{position:fixed}.home main h2{font-size:2.8em;font-weight:700;margin-bottom:1em}.home .content{flex-direction:column;margin:0 auto;max-width:1024px}.home p{font-size:1.2em}.skills ul{grid-gap:1em;display:grid;gap:1em;grid-template-columns:repeat(8,1fr)}.skills li{grid-column:span 2}.skills li:last-child{!grid-column:6/span 2}.skills li:nth-last-child(2){!grid-column:4/span 2}.skills li:nth-last-child(3){!grid-column:2/span 2}.skill img[alt=EXPRESS]{-webkit-filter:invert(100%);filter:invert(100%)}.projects{align-self:stretch}.carousel-menu{display:none}.projects li{margin:5em 0}.projects li:last-child{margin-bottom:0}.projects li:first-child .details,.projects li:nth-child(3) .details{-webkit-transform:translateX(-1.2em);transform:translateX(-1.2em)}.projects li:nth-child(2) .details,.projects li:nth-child(4) .details{order:-1;-webkit-transform:translateX(2em);transform:translateX(2em);z-index:100}.projects li:nth-child(2) .project,.projects li:nth-child(4) .project{justify-content:flex-end}.back-to-top{align-self:flex-end;font-size:3em;margin-right:2em;transition:-webkit-transform .25s;transition:transform .25s;transition:transform .25s,-webkit-transform .25s}.back-to-top:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}@media screen and (max-width:767px){.home main h2{font-size:2.2em}.skills ul{display:flex;overflow:auto;padding:0 1.5em}.home .projects h2{margin-bottom:1em}.projects{margin-bottom:0}.projects ul{align-items:flex-end;display:flex;gap:2em;overflow-x:scroll;scroll-behavior:smooth}.projects li .project .details{-webkit-transform:none;transform:none}.projects li{margin:0;min-width:100%;text-align:center}.projects .project article.details{margin:0}.back-to-top{align-self:center;margin:0}}.greeting{background:#4d0606;height:100vh;position:relative}.greeting .message{color:#fff;font-size:3.5em;font-weight:600}.greeting .message h1{margin:0 auto .1em;padding:.1em .2em .2em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.greeting .message h2{padding:.2em}.greeting .message span{padding:0 .1em}.arrow-down{margin-top:3em}.arrow-down span{border-bottom:5px solid #fff;border-right:5px solid #fff;display:block;height:30px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:30px}.arrow-down .flash:nth-child(2){-webkit-animation-delay:.15s;animation-delay:.15s}.arrow-down .flash:nth-child(3){-webkit-animation-delay:.3s;animation-delay:.3s}@media screen and (max-width:767px){.greeting .message{font-size:2.5em}.greeting .background{display:none}.arrow-down span{height:25px;width:25px}}.navbar{background:#000;color:#fff;display:flex;justify-content:flex-end;padding:1em 2em}.navbar nav{width:100%}.navbar ul{display:flex;overflow:auto}.navbar li{margin:0 1em}@media screen and (max-width:767px){.navbar{padding:1em .5em}}.about{text-align:center}.person-icon{font-size:200px}.about .description{font-weight:500;margin-top:2em}@media screen and (max-width:767px){.person-icon{font-size:150px}}.project{display:flex}.project .preview{border:2.5em solid #2a5f3a;box-sizing:initial;flex-basis:70%;position:relative;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.project .preview:after{box-sizing:initial;content:"";display:block;padding-top:46.3333333333333%}.projects li:first-child .preview,.projects li:nth-child(3) .preview{-webkit-transform-origin:left;transform-origin:left}.projects li:last-child .preview,.projects li:nth-child(2) .preview{-webkit-transform-origin:right;transform-origin:right}.project .preview:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.project .media{background:#2a5f3a 50%/contain no-repeat;height:100%;position:absolute;width:100%}.media.sinterage{background-image:url(/static/media/sinterage.6d76b432262d8dd496f5.png)}.media.vivido{background-image:url(/static/media/vivido.884eb80f4286e805b0ef.png)}.media.likr{background-image:url(/static/media/likr.aa3b33ee042e76e56dab.png)}.media.wet-ethical{background-image:url(/static/media/wet-ethical.6f626dae9f4a9a3c68b7.png)}.media.shopping-cart{background-image:url(/static/media/shopping-cart.20f131bbac4192590521.gif)}.media.todo-list{background-image:url(/static/media/todo.2c9dfe6d69b9ea6db57a.gif)}.project .details.mobile{display:none}.project .details{flex-basis:30%;padding-top:1.5em}.project h3{font-size:2em;font-weight:700;margin-bottom:.5em}.project .description{font-size:1.1em;margin-bottom:3em}.project .sub-description{display:block;font-size:.7em;margin-top:1em}.project .link{letter-spacing:2px;margin:1em 0;white-space:nowrap}.project .link a{padding:.3em;position:relative}.project .link a:after{background:red;bottom:0;content:"";height:100%;left:0;position:absolute;-webkit-transform:scaleY(.05);transform:scaleY(.05);-webkit-transform-origin:bottom;transform-origin:bottom;transition:-webkit-transform .25s;transition:transform .25s;transition:transform .25s,-webkit-transform .25s;width:100%;z-index:-1}.project .link a:hover:after{-webkit-transform:scaleY(.99);transform:scaleY(.99)}@media screen and (max-width:767px){.project,.project .details.mobile,.project .preview{display:block}.project .preview:hover{-webkit-transform:none;transform:none}.project .details.regular{display:none}.project .details.mobile{padding:0 2em 2em}.project .description{margin:0}.project .links{display:flex;justify-content:space-evenly}.project .link{padding:0 .5em}}.contact header{margin-bottom:2em}.contact input,.contact textarea{margin:.5em 0;padding:.5em}.contact textarea{height:100px;resize:none}.contact button[type=submit]{border:1px solid #fff;font-size:1em;font-weight:500;letter-spacing:2px;margin:1em 0 0 auto;padding:.5em 1em;text-transform:uppercase}.contact button[type=submit]:hover{background:#fff;color:#000}.contact .sent{text-align:center}.contact .sent button{margin-top:1.5em;width:100%}.footer{background:#000;color:#fff;flex-direction:column;padding:1em}.footer .social{display:flex;font-size:1.4em}.footer .social li{margin:0 .5em;transition:-webkit-transform .25s;transition:transform .25s;transition:transform .25s,-webkit-transform .25s}.footer .social li:hover{-webkit-transform:scale(1.4);transform:scale(1.4)}.footer .copyright{font-size:.8em;margin-top:.5em}.skill{background:#000;border:2px solid #fff;border-radius:15px;flex-direction:column;padding:.5em 1.5em;position:relative}.skill img{height:50px}.skill h3{font-size:.9em;font-weight:600;margin-top:.8em}@media screen and (max-width:767px){.skill img{height:70px}.skill{width:130px}}
/*# sourceMappingURL=main.88437d83.css.map*/