@import url(https://fonts.googleapis.com/css?family=Raleway&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poiret+One&display=swap);html{box-sizing:border-box;font-size:14px}*,:after,:before{box-sizing:inherit}body,h1,h2,h3,h4,h5,h6,ol,p,ul{margin:0;padding:0}ol,ul{list-style:none}img{height:auto;max-width:100%}html{font-size:12px;scroll-behavior:smooth}@media (min-width:376px){html{font-size:14px}}@media (min-width:426px){html{font-size:16px}}@media (min-width:769px){html{font-size:18px}}@media (min-width:1440px){html{font-size:20px}}body,h1,h2,h3,h4,h5,h6,ol,p,ul{-webkit-touch-callout:none;font-weight:200;-webkit-user-select:none;user-select:none}h1{font-weight:200}.content-grid{margin:0 auto;width:calc(100% - 5rem)}@media (min-width:426px){.content-grid{width:calc(100% - 5rem)}}@media (min-width:769px){.content-grid{width:calc(100% - 10rem)}}@media (min-width:1025px){.content-grid{width:calc(100% - 15rem)}}a{text-decoration:none}#root{display:flex}:root{--text-color:#ff4136;--bg-color:#fff;--alt-bg:#ff4136;--alt-text:#fff}body::-webkit-scrollbar{display:none!important}.Outlined-Text{font-family:Poiret One,sans-serif!important;font-style:normal;font-weight:400}.Etched-Text{-webkit-text-stroke:1px rgba(0,0,0,.2);background:linear-gradient(135deg,#f1f1f1 25%,#ccc 75%);color:#d3d3d3;font-family:Helvetica,sans-serif;font-size:48px;padding:10px;text-align:center;text-shadow:1px 1px 2px rgba(0,0,0,.3),-1px -1px 2px hsla(0,0%,100%,.2)}.App{background:#000!important;color:#000;display:flex;flex:0 1 auto;flex-direction:column;font-family:Noto Sans,sans-serif;justify-content:center;overflow:hidden}.App .backdrop{background:#000;bottom:0;height:100%;left:0;opacity:.5;position:absolute;right:0;top:0}.blur-container{-webkit-animation:blur-in .5s forwards;animation:blur-in .5s forwards;background-color:rgba(44,48,59,.686);border:3px solid hsla(0,0%,100%,.85);border-radius:.5em;color:#fff!important;opacity:1;padding:.5em 1em;transition:background-color 1s ease-out,opacity .5s ease-out 1s,border .5s ease-out,color 1.75s ease-out,width 1.5s ease-out,height 1.5s ease-out,padding 1.5s ease-out,border-radius 1.5s ease-out,box-shadow 1.5s ease-out;width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important}.blur-container.no-blur{-webkit-animation:blur-out 1.5s ease-out .25s both;animation:blur-out 1.5s ease-out .25s both;background-color:rgba(44,48,59,.729)}.blur-container *{color:#fff!important}.blur-container.slide-in-left{-webkit-animation:slide-in-left-then-blur 1s ease-out forwards;animation:slide-in-left-then-blur 1s ease-out forwards}.blur-container.slide-out-left{-webkit-animation:slide-out-left-while-fading .5s ease-out .1s forwards;animation:slide-out-left-while-fading .5s ease-out .1s forwards;background:hsla(0,0%,100%,0);opacity:0}.blur-container.slide-in-right{-webkit-animation:slide-in-right-then-blur .5s ease-out forwards;animation:slide-in-right-then-blur .5s ease-out forwards}.blur-container.dark{background:rgba(0,0,0,.5);border:3px solid rgba(0,0,0,.5)}.blur-container.dark h1,.blur-container.dark h2,.blur-container.dark h3,.blur-container.dark h4,.blur-container.dark h5,.blur-container.dark h6,.blur-container.dark p{color:#fff!important}.blur-container.yellow-border{border:3px solid #fe0}.blur-container.no-border{border:none}.blur-container.shadow{box-shadow:0 0 10px 0 rgba(0,0,0,.5)}.blur-container.hidden-complete{-webkit-animation:blur-out .2s ease-in .5s forwards;animation:blur-out .2s ease-in .5s forwards;background:hsla(0,0%,100%,0);opacity:0;transition:background .5s ease-in,opacity .5s ease-in}.blur-container.hidden-bg{-webkit-animation:blur-out .2s ease-in .15s both;animation:blur-out .2s ease-in .15s both;background:rgba(175,194,213,0);border:2px solid hsla(0,0%,100%,0);box-shadow:none;color:hsla(0,0%,100%,.094);transition:background .5s ease-in .5s,border .5s ease-in .5s,color .5s ease-in}@-webkit-keyframes slide-in-left-then-blur{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);-webkit-transform:translateX(-100vw);transform:translateX(-100vw)}50%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}@keyframes slide-in-left-then-blur{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);-webkit-transform:translateX(-100vw);transform:translateX(-100vw)}50%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}@-webkit-keyframes slide-out-left-while-fading{0%{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-transform:translateX(0);transform:translateX(0)}95%{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}to{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);-webkit-transform:translateX(-100vw);transform:translateX(-100vw)}}@keyframes slide-out-left-while-fading{0%{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-transform:translateX(0);transform:translateX(0)}95%{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}to{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);-webkit-transform:translateX(-100vw);transform:translateX(-100vw)}}@-webkit-keyframes slide-in-right-then-blur{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);-webkit-transform:translateX(100vw);transform:translateX(100vw)}to{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slide-in-right-then-blur{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);-webkit-transform:translateX(100vw);transform:translateX(100vw)}to{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes blur-in{to{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}@keyframes blur-in{to{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}@-webkit-keyframes blur-out{0%{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}to{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}}@keyframes blur-out{0%{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}to{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}}.row{display:flex;flex-direction:row;flex-wrap:wrap;width:100%}.column{display:flex;flex-basis:100%;flex:1 1;flex-direction:column}.double-column{display:flex;flex-basis:100%;flex:2 1;flex-direction:column}.triple-column{display:flex;flex-basis:100%;flex:3 1;flex-direction:column}.js-scroll{opacity:0}.js-scroll.scrolled{opacity:1}.fade-out-top{-webkit-animation:fade-out-top .5s linear;animation:fade-out-top .5s linear;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.fade-out-top-nav{-webkit-animation:fade-out-top 1.25s linear;animation:fade-out-top 1.25s linear;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.nav-start{-webkit-transform:translateY(-50px);transform:translateY(-50px)}.fade-in{-webkit-animation:fade-in .5s ease-out forwards;animation:fade-in .5s ease-out forwards}.fade-out{-webkit-animation:fade-out .5s ease-in forwards;animation:fade-out .5s ease-in forwards}.fade-in-intro{-webkit-animation:fade-in 2s linear forwards;animation:fade-in 2s linear forwards}.fade-in-bottom{-webkit-animation:fade-in-bottom 1.25s linear;animation:fade-in-bottom 1.25s linear;-webkit-animation-fill-mode:both;animation-fill-mode:both}.fade-in-top{-webkit-animation:fade-in-top 1.25s linear both;animation:fade-in-top 1.25s linear both}.slide-in-left{-webkit-animation:slide-in-left .5s ease-out both;animation:slide-in-left .5s ease-out both}.slide-out-left{-webkit-animation:slide-out-left .5s ease-in both;animation:slide-out-left .5s ease-in both}.slide-in-right{-webkit-animation:slide-in-right .5s ease-out both;animation:slide-in-right .5s ease-out both}.slide-out-right{-webkit-animation:slide-out-right .5s ease-in both;animation:slide-out-right .5s ease-in both}.fade-in-grow{-webkit-animation:fade-in-grow .5s ease-out both;animation:fade-in-grow .5s ease-out both}.fade-out-shrink{-webkit-animation:fade-out-shrink .5s ease-in both;animation:fade-out-shrink .5s ease-in both}.hidden-y-scale{opacity:0;pointer-events:none;-webkit-transform:scaleY(0);transform:scaleY(0)}@-webkit-keyframes slide-in-left{0%{opacity:0;pointer-events:none;-webkit-transform:translateX(-100vw);transform:translateX(-100vw)}to{opacity:1;pointer-events:inherit;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slide-in-left{0%{opacity:0;pointer-events:none;-webkit-transform:translateX(-100vw);transform:translateX(-100vw)}to{opacity:1;pointer-events:inherit;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slide-out-left{0%{opacity:1;pointer-events:inherit;-webkit-transform:translateX(0);transform:translateX(0)}to{opacity:0;pointer-events:none;-webkit-transform:translateX(-100vw);transform:translateX(-100vw)}}@keyframes slide-out-left{0%{opacity:1;pointer-events:inherit;-webkit-transform:translateX(0);transform:translateX(0)}to{opacity:0;pointer-events:none;-webkit-transform:translateX(-100vw);transform:translateX(-100vw)}}@-webkit-keyframes slide-in-right{0%{opacity:0;pointer-events:none;-webkit-transform:translateX(100vw);transform:translateX(100vw)}to{opacity:1;pointer-events:inherit;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slide-in-right{0%{opacity:0;pointer-events:none;-webkit-transform:translateX(100vw);transform:translateX(100vw)}to{opacity:1;pointer-events:inherit;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slide-out-right{0%{opacity:1;pointer-events:inherit;-webkit-transform:translateX(0);transform:translateX(0)}to{opacity:0;pointer-events:none;-webkit-transform:translateX(100vw);transform:translateX(100vw)}}@keyframes slide-out-right{0%{opacity:1;pointer-events:inherit;-webkit-transform:translateX(0);transform:translateX(0)}to{opacity:0;pointer-events:none;-webkit-transform:translateX(100vw);transform:translateX(100vw)}}@-webkit-keyframes fade-in-bottom{0%{opacity:0;pointer-events:none;-webkit-transform:translateY(-50px);transform:translateY(-50px)}50%{-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:1;pointer-events:inherit;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fade-in-bottom{0%{opacity:0;pointer-events:none;-webkit-transform:translateY(-50px);transform:translateY(-50px)}50%{-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:1;pointer-events:inherit;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fade-in-top{0%{opacity:0;pointer-events:none;-webkit-transform:translateY(-200px);transform:translateY(-200px)}to{opacity:1;pointer-events:inherit;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fade-in-top{0%{opacity:0;pointer-events:none;-webkit-transform:translateY(-200px);transform:translateY(-200px)}to{opacity:1;pointer-events:inherit;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fade-out-top{0%{opacity:1;pointer-events:none}50%{opacity:.3}to{opacity:0;pointer-events:none;-webkit-transform:translateY(-50px);transform:translateY(-50px)}}@keyframes fade-out-top{0%{opacity:1;pointer-events:none}50%{opacity:.3}to{opacity:0;pointer-events:none;-webkit-transform:translateY(-50px);transform:translateY(-50px)}}@-webkit-keyframes fade-in-grow{0%{opacity:0;pointer-events:none;-webkit-transform:scale(0);transform:scale(0)}75%{-webkit-transform:scale(1.5);transform:scale(1.5)}to{opacity:1;pointer-events:inherit;-webkit-transform:scale(1);transform:scale(1)}}@keyframes fade-in-grow{0%{opacity:0;pointer-events:none;-webkit-transform:scale(0);transform:scale(0)}75%{-webkit-transform:scale(1.5);transform:scale(1.5)}to{opacity:1;pointer-events:inherit;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes fade-out-shrink{0%{opacity:1;pointer-events:none;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;pointer-events:none;-webkit-transform:scale(.25);transform:scale(.25)}}@keyframes fade-out-shrink{0%{opacity:1;pointer-events:none;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;pointer-events:none;-webkit-transform:scale(.25);transform:scale(.25)}}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}nav{align-items:center;background:linear-gradient(0deg,rgba(0,0,0,.75),rgba(0,0,0,.925));color:#fff!important;display:flex;height:4rem;justify-content:flex-end;opacity:0;padding:0 1rem;pointer-events:none;position:fixed;top:0;width:100%;z-index:100000}nav.sticky{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 12px 30px -8px #000;pointer-events:all;transition:all .25s linear}nav.modal-open{-webkit-backdrop-filter:blur(0)!important;backdrop-filter:blur(0)!important;background:transparent!important;box-shadow:none!important}nav .left-container{align-items:center;display:inline-flex;flex-direction:row;justify-self:flex-start;margin-left:1rem;pointer-events:none;visibility:hidden}nav .left-container *{border-bottom:2px solid transparent;font-size:1.85rem;font-weight:300;margin-right:0;padding:.25rem 0;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000!important}nav .left-container :hover{border-bottom:2px solid var(--text-color);cursor:pointer}nav .magic-wand{align-items:center;cursor:pointer;display:flex;flex-direction:column;justify-self:flex-start;margin-left:1rem}nav .magic-wand .magic-text{font-size:.5rem;padding-top:.25rem;text-align:center}nav .magic-wand.bounce-xy{-webkit-animation:bounce-xy 2s infinite;animation:bounce-xy 2s infinite}nav .menu{display:flex;flex:1 1;font-family:Inconsolata,monospace;justify-content:flex-end;margin-right:1rem}nav .menu__item{border-bottom:2px solid transparent;font-size:1.25rem;font-weight:400;margin:0 1rem;padding:.25rem 0}nav .menu__item:hover{border-bottom:2px solid var(--text-color);cursor:pointer}@media (max-width:425px){nav{height:4rem}}@-webkit-keyframes bounce-xy{0%,20%,50%,80%,to{-webkit-transform:translateY(0) translateX(0);transform:translateY(0) translateX(0)}40%{-webkit-transform:translateY(2px) translateX(2px);transform:translateY(2px) translateX(2px)}60%{-webkit-transform:translateY(1px) translateX(1px);transform:translateY(1px) translateX(1px)}}@keyframes bounce-xy{0%,20%,50%,80%,to{-webkit-transform:translateY(0) translateX(0);transform:translateY(0) translateX(0)}40%{-webkit-transform:translateY(2px) translateX(2px);transform:translateY(2px) translateX(2px)}60%{-webkit-transform:translateY(1px) translateX(1px);transform:translateY(1px) translateX(1px)}}.menu__item{border-bottom:2px solid transparent;font-size:1.25rem;font-weight:400;margin:0 1rem;padding:.25rem 0}.menu__item:hover{border-bottom:2px solid var(--text-color);cursor:pointer}.landing{-ms-flex-pack:center;align-items:center;display:flex;flex:0 1 auto;flex-direction:column;justify-content:center;min-height:100vh}.landing main{-ms-flex-pack:center;color:#000;flex:1 0 auto;padding:3.25rem 1.5rem 1rem}.landing main,.landing main .intro-wrapper{display:flex;flex-direction:column;justify-content:center;text-align:center;z-index:1}.landing main .intro-wrapper{border-radius:1em;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:auto;padding:1.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.landing main .intro-wrapper .intro{align-items:center;display:flex;flex-direction:column;font-size:3.5rem;padding-bottom:1rem;z-index:2}.landing main .intro-wrapper .intro *{transition:all .15s linear}.landing main .intro-wrapper .intro .menu{display:flex;flex:1 1;font-family:Inconsolata,monospace;justify-content:flex-end}.landing main .intro-wrapper .intro .menu .menu__item{border-bottom:2px solid #fff;font-size:1.25rem;font-weight:400;margin:0 1rem;padding:.25rem 0}.landing main .intro-wrapper .intro .menu .menu__item:hover{border-bottom:2px solid #fff;cursor:pointer}.landing main .intro-wrapper .tagline{font-size:1.375rem;font-weight:300;margin:1.5rem 0;z-index:1}.landing .social{font-size:3rem;padding:.25rem 0;text-shadow:0 2px 5px rgba(0,0,0,.51)}.landing .social a{padding:0 .625rem}.landing .social a.devto svg{color:transparent!important;height:2.7rem;margin-bottom:-.25rem;width:2.7rem}.landing .social.animate-icons a{display:inline-block}.landing .social.animate-icons a:active,.landing .social.animate-icons a:focus,.landing .social.animate-icons a:hover{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:icon-wobble;animation-name:icon-wobble;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@media (max-width:425px){.social{font-size:2.5rem}.social a.devto svg{height:2.25rem;margin-bottom:-.225rem;width:2.25rem}}@-webkit-keyframes icon-wobble{25%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}50%{-webkit-transform:translateY(0);transform:translateY(0)}75%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes icon-wobble{25%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}50%{-webkit-transform:translateY(0);transform:translateY(0)}75%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.scroll{display:flex}.scroll .arrow{margin:2.5rem auto 2rem;padding-bottom:.5rem;text-align:center;transition:all 2s linear}.scroll .arrow .scroll-text{font-size:.5rem;margin-bottom:-.125rem;text-align:center}.scroll .arrow svg{cursor:pointer;transition:all .25s linear}.bounce{-webkit-animation:bounce 2s infinite;animation:bounce 2s infinite}.wiggle{-webkit-animation:wiggle 2s infinite;animation:wiggle 2s infinite}@-webkit-keyframes bounce{0%,20%,50%,80%,to{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes bounce{0%,20%,50%,80%,to{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@-webkit-keyframes wiggle{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}15%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}30%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}45%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(6deg);transform:rotate(6deg)}75%{-webkit-transform:rotate(-4deg);transform:rotate(-4deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes wiggle{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}15%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}30%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}45%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(6deg);transform:rotate(6deg)}75%{-webkit-transform:rotate(-4deg);transform:rotate(-4deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.about{flex:0 1 auto;justify-content:center;margin:0 auto;padding:0 3em 2em;scroll-margin:3.25em;z-index:1}.about,.about .title{display:flex;flex-direction:column}.about .title{align-items:flex-start;padding-top:1em;width:auto}.about .title>*{margin-bottom:1em}.about .title>.main{padding:0 1em}.about>*{z-index:1}.about h1{font-size:3rem;font-weight:100}.about a{color:#fff!important;font-weight:300;margin-right:1em}.about a:hover{border-bottom:1px solid var(--text-color)}.about .text-emoji{font-size:1.5rem;font-weight:300;padding:2rem 0;text-align:center;z-index:1}.about .text-emoji,.about h1{color:#fff!important}.about .contact{margin:0 0 1em}.about .wrapper h2{color:#fff!important;margin:0 0 .5rem}.about .wrapper .content{color:#fff!important;flex:auto;font-size:1.2rem;line-height:2rem;margin:0 0 1em .5em;text-align:left}.about .wrapper .content p{color:#fff!important;font-weight:300;padding:.25rem 0}.about .wrapper .resume{font-size:1rem;line-height:1.5rem}.about .wrapper .resume h1{font-size:.75rem;margin-bottom:.5rem;text-decoration:underline}.about .wrapper .resume ul{margin:.5rem 0}.about .wrapper .resume h2{margin:0 1em .5rem}.about .wrapper .resume p{margin-bottom:.5rem}.about .content.skills div{margin:.5em auto}.about .content.skills h3{border-bottom:1.25px solid var(--text-color);display:inline-block;font-weight:300}.about .photo-wrapper{margin:auto;padding-left:5em}.about .photo-wrapper .photo{border-radius:50%;height:10em;object-fit:cover;object-position:center;width:10em}@media (min-width:426px){.about .content-grid{width:calc(100% - 2.5rem)}}@media (max-width:426px){.about{padding:2rem 0 0}.about .personal-accordion-summary,.about .personal-accordion-summary>div{flex-flow:row}.about .personal-accordion-summary h2{align-self:flex-start;display:flex;text-align:left}.MuiAccordionDetails-root{padding:0!important}.personal-content,.professional-content{margin:0!important;padding:0 1.5em!important;text-align:left!important}}@media (min-width:769px){.about .content-grid{width:calc(100% - 5rem)}}@media (min-width:1025px){.about .content-grid{width:100%}}.portfolio{display:flex;flex:0 1 auto;flex-direction:column;justify-content:center;min-height:100vh;scroll-margin:3em;width:100%;z-index:1}.portfolio,.portfolio>*{transition:all .25s ease-in-out}.portfolio h1{font-size:3rem;font-weight:200;padding:1rem 0;z-index:1}.portfolio .content-grid{display:flex;flex:auto;flex-direction:column;width:100%;z-index:1}.portfolio .content-grid .title{align-items:flex-start;display:flex;flex-direction:column;padding:1em 3em 0;width:auto}.portfolio .content-grid .title>*{margin-bottom:1em}.portfolio .content-grid .title>div{padding:0 1em}.portfolio .content-grid .title>button,.portfolio .content-grid .title>div{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:.5em}.portfolio .content-grid .title>button{background-color:hsla(0,0%,100%,.35);margin-left:.5em;padding:.25em}.portfolio .content-grid ::-webkit-scrollbar{display:none!important;scrollbar-gutter:stable both-edges;scrollbar-width:thin;width:.5em}.portfolio .content-grid ::-webkit-scrollbar-thumb{background-color:#888}.portfolio .content-grid *{scrollbar-color:#888 transparent;scrollbar-width:thin}.portfolio .content-grid ::-webkit-scrollbar-track{background:transparent}.portfolio .portfolio-wrapper{align-content:center;display:flex;flex:1 1;flex-wrap:wrap;justify-content:center;justify-items:center;z-index:1}@media (max-width:426px){.portfolio{padding:2rem 0 0}.portfolio-wrapper{align-items:center;flex-direction:column}}.portfolio-item{-webkit-font-smoothing:subpixel-antialiased;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(44,48,59,.686);border-radius:1em;box-shadow:0 5px 15px 0 rgba(0,0,0,.614);color:var(--alt-text);display:flex;flex:0 1;flex-direction:column;font-weight:200;margin:1em;max-width:85%;min-width:20rem;position:relative;-webkit-transform:scale(1);transform:scale(1);transition:all .5s ease-in-out;z-index:2}.portfolio-item *{transition:all .25s ease-in-out}.portfolio-item .nowrap{display:block;overflow-x:scroll;padding:0;text-overflow:ellipsis;white-space:nowrap;width:100%}.portfolio-item .blur{border-radius:.75em;bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.portfolio-item.modal{background-color:initial;border-radius:0;box-shadow:none;box-shadow:none!important;display:flex;flex-direction:column;justify-content:space-between;margin:0;min-height:100vh;min-width:100%}.portfolio-item.modal .body-wrapper{background-color:#2c303b!important;border-radius:2em 2em 0 0;box-shadow:0 -.5px 20px 5px #000;-webkit-box-shadow:0 -.5px 20px 5px #000;-moz-box-shadow:0 -.5px 20px 5px #000;flex:0 1;padding:20px;z-index:4}.portfolio-item.modal .portfolio-item__icon,.portfolio-item.modal .wrapper{padding-bottom:0!important}.portfolio-item.modal:hover{box-shadow:none;-webkit-transform:none;transform:none}.portfolio-item.modal .portfolio-item__info{color:#dedede;display:flex;flex-direction:row;font-size:17px;font-weight:200;letter-spacing:1px;padding:.25em 1.1em;text-shadow:1px 1px 2px rgba(0,0,0,.5),-1px -1px 2px #dedede}.portfolio-item.modal .portfolio-item__title{padding-bottom:0!important}.portfolio-item:hover{background-color:#2c303b;box-shadow:0 5px 15px 5px rgba(0,0,0,.692)}.portfolio-item .portfolio-item__title{color:hsla(0,0%,100%,.936);display:flex;flex-direction:row;font-size:26px;font-weight:200;justify-content:space-between;letter-spacing:1px;padding:20px 15px 5px;text-align:left;text-align:start;text-shadow:1px 1px 2px rgba(0,0,0,.5),-1px -1px 2px #fff;-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}.portfolio-item.modal .portfolio-item__title{padding-top:.5em}.portfolio-item .portfolio-item__img{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:1em 1em 0 0;display:block;min-height:9em}.portfolio-item .portfolio-item__img.modal{align-items:start;background-color:#000;border-radius:0!important;box-shadow:none!important;display:flex;flex:1 1;flex-flow:row;justify-content:center;min-height:50vh;object-fit:cover;overflow:hidden;position:relative;transition:none!important;width:100%;z-index:1}.portfolio-item .portfolio-item__img.modal>img{border-radius:1em;box-shadow:none!important;height:auto;max-height:100%;max-width:100%;min-height:100%;object-fit:cover;overflow:hidden;position:absolute;width:auto;z-index:2}.portfolio-item .portfolio-item__img.modal:before{background-image:var(--image-url);background-position:50%;background-size:cover;bottom:0;box-shadow:none!important;content:"";-webkit-filter:blur(15px);filter:blur(15px);left:0;position:absolute;right:0;top:0;z-index:1}.portfolio-item .wrapper{display:flex;flex:1 1;flex-direction:column;font-size:3rem;font-weight:200;line-height:1.5rem;padding:5px 15px;text-align:left;text-align:start}.portfolio-item .body-wrapper{background-color:initial;border-radius:1em;display:flex;flex:1 1;flex-direction:column;flex-grow:1;min-width:50%}.portfolio-item .desc_show_more{border-bottom:1px solid transparent;color:hsla(0,0%,100%,.884);font-size:.75rem;font-weight:400;padding:.25rem 0 0}.portfolio-item .desc_show_more:hover{border-bottom:1px solid var(--alt-text);cursor:pointer}.portfolio-item .portfolio-item__desc_less{-webkit-line-clamp:3;-webkit-box-orient:vertical;line-clamp:3;box-orient:vertical;display:block;display:-webkit-box;display:-moz-box;font-size:1rem;max-height:16vh;overflow:hidden;text-overflow:ellipsis}.portfolio-item .portfolio-item__desc_all{font-size:.8rem;font-weight:200;line-height:1.75;padding:0 .5em;text-align:start}.portfolio-item .portfolio-item__icon{align-items:center;display:inline-flex;font-size:1.5rem;font-weight:100;margin:0 .5em;padding:1rem 0;text-align:left}.portfolio-item .portfolio-item__icon svg{display:inline-block;font-size:inherit;height:1em;margin:0 .25rem;overflow:visible;vertical-align:-.125em}.portfolio-item .portfolio-item__icon i{margin:0 .25rem}.portfolio-item .portfolio-item__links{background-color:initial;border-radius:1em;display:inline-flex;font-size:.875rem;font-weight:400;margin:0 .5em;padding:0 0 .75rem}.portfolio-item .portfolio-item__links a{align-items:center;border-bottom:2px solid transparent;margin:0 .5em}.portfolio-item .portfolio-item__links a:hover{border-bottom-color:inherit;border-bottom-style:solid;border-bottom-width:2px;cursor:pointer}.portfolio-item a{color:var(--alt-text)}.portfolio-item .portfolio-item__links a:hover{border-bottom:2px solid var(--alt-text)}.portfolio-item .text-wrapper{display:flex;flex:auto;flex-direction:column;margin:auto}.portfolio-item .img-caro-buttons{align-content:center;align-items:center;display:flex;flex:1 1;flex-direction:row;height:100%;justify-content:space-between;justify-items:center;margin:auto;opacity:0;padding:0 2em;position:absolute;width:100%;z-index:5}.portfolio-item .img-caro-buttons:hover{opacity:1}.portfolio-item .img-caro-buttons>*{color:#fff;font-weight:700;height:2em}.portfolio-item.condensed{display:flex;flex:1 1;flex-direction:row;margin:1em;min-width:25rem;width:25rem}.portfolio-item.condensed,.portfolio-item.condensed *{transition:all .25s ease-in-out}.portfolio-item.condensed .portfolio-item__title{flex:0 1;font-size:1em;font-weight:200;margin:10px 0 5px;padding:.25em .75em;text-align:left}.portfolio-item.condensed .portfolio-item__img{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:1em 0 0 1em;min-height:9em;min-width:10rem}.portfolio-item.condensed .portfolio-item__img.fancy{align-items:center;display:flex;justify-content:center;min-width:12rem;overflow:hidden;position:relative}.portfolio-item.condensed .portfolio-item__img.fancy>img{border-radius:1em 0 0 1em!important;height:100%;left:50%;object-fit:cover;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}.portfolio-item.condensed .portfolio-item__desc_less{-webkit-box-orient:vertical;box-orient:vertical;display:block;display:-webkit-box;display:-moz-box;flex-grow:1;font-size:.75rem;text-overflow:clip;transition:none}.portfolio-item.condensed .wrapper{padding:0 .25em}.portfolio-item.condensed .desc_show_more{font-size:.7rem;font-weight:400}.portfolio-item.condensed .desc_show_more:hover{border-bottom:1px solid var(--alt-text);cursor:pointer}.portfolio-item.condensed .portfolio-item__icon{font-size:1em;margin-bottom:.25em;margin-top:.5em;padding:0}.portfolio-item.condensed .portfolio-item__links{display:block;font-size:.7em;margin-top:0!important;margin:.5em;padding:0}.portfolio-item-modal-backdrop{align-content:end!important;align-items:end!important;display:flex;flex-direction:row;justify-content:end!important;justify-items:end!important;min-height:100vh}.text-icon{align-items:center;display:inline-flex;flex-direction:column}.text-icon>*{display:flex;flex:auto}.custom-ol{display:flex!important;flex-flow:row!important}.custom-ol>li{margin:0 1em!important}.custom-root{margin:0 3em!important}.custom-root:hover{cursor:e-resize}.vertical-timeline .opposite-info-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(44,48,59,.686);border:3px solid hsla(0,0%,100%,.85);border-radius:.5em;color:#fff!important;padding:.5em 1em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.scroll-top{bottom:0;cursor:pointer;padding:.25rem 1rem;position:fixed;right:0;z-index:2}.scroll-top .arrow{margin:0 auto;text-align:center}.scroll-top .arrow .to-top{font-size:.5rem;padding-top:.125rem;text-align:center}.scroll-top .hide{display:none}@media (max-width:769px){.scroll-top{display:none!important}}.fractal{color:var(--text-color);position:fixed;z-index:0}.fractal,.fractal .canvas{background-color:hsla(0,0%,100%,0);bottom:0;left:0;right:0;top:0}.fractal .canvas{position:absolute}.fractal .canvas #erase{opacity:0!important}.fractal .fade{-webkit-animation:fade-out 1s linear;animation:fade-out 1s linear}.blueprint-container{align-items:flex-start;display:grid;flex-direction:column;height:100%;margin:0 auto;padding:20px;width:100%;z-index:-1}.blueprint-container.fade,.blueprint-container.fade *{cursor:none!important}@-webkit-keyframes fractal-info-fade-in{0%{opacity:0}to{opacity:1}}@keyframes fractal-info-fade-in{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fractal-info-fade-out{0%{opacity:1}to{opacity:0}}@keyframes fractal-info-fade-out{0%{opacity:1}to{opacity:0}}.blueprint-container svg{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.blueprint-container h1{border-bottom:2px solid;font-size:2rem;font-weight:200;margin-bottom:10px;padding-bottom:1px}.blueprint-container p{font-size:16px;font-weight:200}.blueprint-container .blueprint-header{align-items:left;display:flex;flex-direction:column;margin-bottom:30px;max-height:75vh;width:100%}.blueprint-container .blueprint-header ::-webkit-scrollbar{scrollbar-gutter:stable both-edges;scrollbar-width:thin;width:.5em}.blueprint-container .blueprint-header ::-webkit-scrollbar-thumb{background-color:#888}.blueprint-container .blueprint-header *{scrollbar-color:#888 transparent;scrollbar-width:thin}.blueprint-container .blueprint-header ::-webkit-scrollbar-track{background:transparent}.blueprint-container .foot{align-content:end;align-items:end;align-self:flex-end;bottom:0;display:flex;flex:0 0 100%;flex-direction:row;flex-shrink:0;justify-content:space-between;left:0;padding:.5em 1em;pointer-events:none;position:absolute;right:0;width:100%}.blueprint-container .foot .fps p{color:#fff!important;font-size:1em;text-align:right}.blueprint-container .foot .source a{color:#fff!important;font-size:1em;pointer-events:all}.blueprint-container .foot .source a:hover{border-bottom:1px solid #fff}.brush-icon{opacity:.5;transition:all .25s linear!important}.brush-icon>*{font-size:1.5em!important}.brush-icon:hover{opacity:1;transition:all 0s linear!important}.md{color:#333;font-family:Helvetica Neue,sans-serif;font-size:16px;line-height:1.5;margin-left:0;margin-top:2em;padding:0 2em}.md h1,.md h2,.md h3,.md h4,.md h5,.md h6{font-weight:700;margin-bottom:.25em;text-decoration:underline}.md h1{font-size:2em}.md h2{font-size:1.75em}.md h3{font-size:1.5em}.md h4{font-size:1.25em}.md h5{font-size:1em}.md h6{font-size:.875em}.md p{margin-bottom:1.5em}.md a{color:#337ab7;text-decoration:none}.md a:hover{text-decoration:underline}.md ol,.md ul{margin-bottom:1.5em}.md li{margin-bottom:.5em}.md pre{line-height:1.2;overflow:auto;padding:1em}.md code,.md pre{background-color:#f8f8f8;border:1px solid #ccc;border-radius:3px;font-size:.9em}.md code{font-family:Courier New,Courier,monospace;padding:.25em .5em}.md blockquote{background-color:#f8f8f8;border-left:5px solid #ccc;margin:0 0 1.5em;padding:.5em 1em}.md img{height:auto;max-width:100%}.transition{pointer-events:none}.transition.fade{opacity:1}.transition.fade.in{-webkit-animation:fade-in .5s ease-out;animation:fade-in .5s ease-out;pointer-events:inherit}.transition.fade.out{-webkit-animation:fade-out .5s ease-in;animation:fade-out .5s ease-in;opacity:0;pointer-events:none}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fade-out{0%{opacity:1}50%{opacity:0}to{opacity:0}}@keyframes fade-out{0%{opacity:1}50%{opacity:0}to{opacity:0}}
/*# sourceMappingURL=main.95aa7985.css.map*/