body,html{height:100vh;min-width:320px}a{color:inherit;text-decoration:none}a.contact-mailto{color:#2e3646}a.contact-mailto:hover{text-decoration:underline}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#282828;background:radial-gradient(circle,#1b1d28 0,#000 100%);font-family:Poppins,sans-serif;margin:0}#root{display:flex;height:100vh;vertical-align:middle}#cursor{border:1px solid #fff;border-radius:30px;box-sizing:border-box;height:30px;margin-left:-15px;margin-top:-15px;mix-blend-mode:difference;overflow:hidden;pointer-events:none;position:absolute;transition-duration:.1s;transition-property:border-width;width:30px;z-index:1000}#cursor:before{background-color:#fff;border-radius:7px;content:"";height:7px;left:11px;position:absolute;top:11px;width:7px}#cursor.clickable-style{border-width:15px}#cursor.clickable-style:before{display:none;left:-15px;top:-15px}body:not(:hover) #cursor{display:none}#new-background{background-image:url(/static/media/diagonal.67e31507f4c2cbccbe2d.svg);height:100vh;left:0;position:fixed;top:0;width:100vw}.not-found{color:#fff;text-align:center}.not-found h1{-webkit-filter:blur(7px);filter:blur(7px);font-size:10em;line-height:1;margin:0}.IconLinks{display:block}.IconLinks ul{font-size:1.01em;list-style:none;margin:0;padding:0}.IconLinks li{display:inline-block;padding:0 30px 0 0}.IconLinks a,.MyIntro{box-sizing:border-box}.MyIntro{color:#fff;margin:30px 0;width:100%}.MyIntro p{font-size:.95em;line-height:2.3}.MyIntro .my-name{font-family:Poppins,sans-serif;font-size:1.88em;font-weight:600;margin-bottom:5px;margin-top:0}.MyIntro .my-title{font-size:1em;margin:0}.MyIntro .my-title span{-webkit-text-fill-color:#5d5d5d;color:#5d5d5d;font-size:.7em;font-weight:400}.MyIntro .my-bio{margin:35px 0}.Background{border-radius:30px;bottom:0;height:100%;left:0;overflow:hidden;position:absolute;right:0;top:0;width:100%;z-index:-1}.GridLines{-webkit-mask-image:linear-gradient(270deg,transparent 0,#fff 20%);mask-image:linear-gradient(270deg,transparent 0,#fff 20%)}.GridDots{position:absolute}.GridDots.centered-griddots{left:0;margin:0 auto;right:0}.Circle{background-color:rgba(74,79,103,.07);border-radius:100%;position:absolute}.Image{background-repeat:no-repeat;background-size:cover;height:500px;position:relative;width:100%}.Image.fade{-webkit-mask-image:linear-gradient(270deg,transparent 0,rgba(0,0,0,.15));mask-image:linear-gradient(270deg,transparent 0,rgba(0,0,0,.15))}.layouts{grid-gap:30px;box-sizing:border-box;display:grid;height:100%;padding:30px;width:100%}.layouts.scroll-y{overflow-x:hidden;overflow-y:scroll}.layouts.layout-col-1{grid-template-columns:1fr}.layouts.layout-col-1>.col-1{margin:0 auto;width:100%}.layouts.layout-col-1.border-right>.col-1{border-right:3px solid;border-right-color:inherit}.layouts.layout-col-2.narrow-col-1{grid-template-columns:1fr 1.5fr}.layouts.layout-col-2.narrower-col-1{grid-template-columns:400px 1fr}.layouts>div{border-color:inherit;box-sizing:border-box;position:relative}.layouts>div.center-col{align-self:center}.layouts.layout-col-3-alt{grid-row-gap:10px;grid-column-gap:10px;box-sizing:border-box;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;padding:15px}.layouts.layout-col-3-alt>.col-1{grid-column:1;grid-row:1/3}.layouts.layout-col-3-alt>.col-1>.ItemBanner img{height:auto;width:100%}.layouts.layout-col-3-alt>.col-2{grid-column:1/3;grid-column-end:4;grid-column-start:2;grid-row:2}.layouts.layout-col-3-alt>.col-3{grid-column:2;grid-row:1}.layouts.layout-col-3-alt>.col-4{grid-column:3;grid-row:1}.layouts.layout-col-3-alt.layout-reversed>.col-1{grid-column:3}.layouts.layout-col-3-alt.layout-reversed>.col-2{grid-column-end:3;grid-column-start:1}.layouts.layout-col-3-alt.layout-reversed>.col-3{grid-column:1}.layouts.layout-col-3-alt.layout-reversed>.col-4{grid-column:2}.layouts.padding-off{background-color:transparent;border:0;padding:0}.layouts::-webkit-scrollbar{background-color:transparent;width:1px}.layouts::-webkit-scrollbar-thumb{background-color:#fff;border-radius:10px}.vertical-cols{display:flex;flex-direction:column;height:100%;justify-content:space-between}@media screen and (max-width:1200px){.layouts.layout-col-2.narrow-col-1,.layouts.layout-col-2.narrower-col-1{grid-template-columns:1fr}.layouts.layout-col-3-alt{grid-template-columns:1fr 1fr}.layouts.layout-col-3-alt>.col-1{grid-row:1}.layouts.layout-col-3-alt>.col-2{grid-column:1;grid-row:2}.layouts.layout-col-3-alt>.col-4{grid-column:2;grid-row:2}.layouts.layout-col-3-alt.layout-reversed>.col-1{grid-column:2}.layouts.layout-col-3-alt.layout-reversed>.col-2{grid-column:1;grid-row:2}.layouts.layout-col-3-alt>div.col-1>.ItemBanner{border-bottom-left-radius:0;border-top-left-radius:20px}.layouts.layout-col-3-alt>div.col-3>.ItemBanner{border-top-right-radius:20px}.layouts.layout-col-3-alt>div.col-2>.ItemBanner{border-bottom-left-radius:20px;border-bottom-right-radius:0}.layouts.layout-col-3-alt>div.col-4>.ItemBanner{border-bottom-right-radius:20px;border-top-right-radius:0}.layouts>div.center-col{align-self:end}.MyIntro .my-bio{margin:15px 0}img.my-portrait{height:400px!important;left:0;margin:0 auto;-webkit-mask-image:linear-gradient(0deg,hsla(0,0%,100%,0) 100px,#fff 290px);mask-image:linear-gradient(0deg,hsla(0,0%,100%,0) 100px,#fff 290px);right:0;top:-50px}.Background .Circle,.Background .GridDots{display:none}.OptionsPanel{height:auto!important}}@media screen and (max-width:600px){.layouts.layout-col-3-alt{grid-template-columns:1fr;grid-template-rows:1fr 1fr 1fr 1fr}.layouts.layout-col-3-alt>.col-1{grid-column:1;grid-row:1}.layouts.layout-col-3-alt>.col-2{grid-column:1;grid-row:2}.layouts.layout-col-3-alt>.col-3{grid-column:1;grid-row:3}.layouts.layout-col-3-alt>.col-4{grid-column:1;grid-row:4}.layouts.layout-col-3-alt.layout-reversed>.col-1{grid-column:1;grid-row:1}.layouts.layout-col-3-alt.layout-reversed>.col-4{grid-column:1;grid-row:4}.layouts.layout-col-3-alt>div>.ItemBanner{border-radius:0!important}.layouts.layout-col-3-alt>div.col-1>.ItemBanner{border-top-left-radius:30px!important;border-top-right-radius:30px!important}.layouts.layout-col-3-alt>div.col-4>.ItemBanner{border-bottom-left-radius:30px!important;border-bottom-right-radius:30px!important}}.ItemBanner{background-color:hsla(0,0%,100%,.006);border:3px solid hsla(0,0%,100%,.031);border-top-right-radius:0;box-shadow:0 0 10px #000;display:block;overflow:hidden;position:relative}.ItemBanner,.ItemBanner>a{box-sizing:border-box;height:100%;width:100%}.ItemBanner>a{color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:15px}.ItemBanner>a>div{flex-basis:auto}.ItemBanner h2{font-size:1.2em;font-weight:500;margin:0;z-index:1}.ItemBanner img{height:100%;-webkit-mask-image:linear-gradient(50deg,hsla(0,0%,100%,0) 40%,#fff);mask-image:linear-gradient(50deg,hsla(0,0%,100%,0) 40%,#fff);opacity:.9;position:absolute;right:0;top:0;transition:opacity .1s;z-index:-1}.ItemBanner .item-count{color:#47464e;font-size:.9em;font-weight:600;line-height:1}.ItemBanner .item-meta{font-size:.9em;list-style:none;margin:0;padding:0}.ItemBanner .item-meta li{display:inline-block;margin-right:20px}.ItemBanner:hover img{opacity:1}.layout-col-3-alt>div.col-1>.ItemBanner{border-bottom-left-radius:30px;border-top-left-radius:30px}.layout-col-3-alt>div.col-4>.ItemBanner{border-top-right-radius:30px}.layout-col-3-alt>div.col-2>.ItemBanner{border-bottom-right-radius:30px}.FloatingView{border-radius:30px;border-bottom-right-radius:0;bottom:-20px;cursor:pointer;height:100px;overflow-x:hidden;position:absolute;right:-20px;width:100px;will-change:width,height,contents,scroll-position;z-index:1000}.FloatingView .label{color:#fff;display:block;font-size:.85em;font-weight:500;line-height:100px;text-align:center;text-shadow:0 2px 0 rgba(0,0,0,.1);text-transform:uppercase}.FloatingView::-webkit-scrollbar{background-color:transparent;width:0}body.floating-view-active .FloatingView{cursor:default;overflow-y:scroll}body.floating-view-active .FloatingView>.label{border-bottom:1px solid hsla(0,0%,100%,.5);line-height:2.8}body.floating-view-active nav.nav-mobile ul{opacity:0;pointer-events:none}body.floating-view-active .page>.layouts{-webkit-filter:blur(3px);filter:blur(3px);-webkit-transform:scale(.99);transform:scale(.99)}body.floating-view-active .page>.layouts *{pointer-events:none}body.floating-view-active .page>.Background{-webkit-filter:blur(5px);filter:blur(5px);-webkit-transform:scale(.97);transform:scale(.97)}body.floating-view-active .floating-view-overlay{background-color:rgba(0,0,0,.1);bottom:0;left:0;position:fixed;right:0;top:0;z-index:2}body.floating-view-active .App>nav.nav-desktop{pointer-events:none}.List{border-left:1px solid hsla(0,0%,100%,.5);list-style:none;margin-bottom:0;margin-top:0;padding-top:20px}.List,.List li{padding-left:10px}.List li{background-color:rgba(0,0,0,.15);border-radius:5px;box-sizing:border-box;margin-bottom:20px;position:relative;transition:background-color .1s}.List li:before{background-color:hsla(0,0%,100%,.5);bottom:0;color:#fff;content:"";height:1px;left:-5px;margin:auto 0;position:absolute;top:0;transition-duration:.1s;transition-property:width,background-color;width:10px}.List li:hover{background-color:rgba(0,0,0,.25)}.List li:hover:before{background-color:#fff;width:15px}.List a{display:block;padding:5px 0;transition:margin-left .1s}.List a:hover{color:#fff;margin-left:5px}.FloatingView .List{color:#fff;height:100%;margin-left:20px;margin-right:20px;text-shadow:0 2px 0 rgba(0,0,0,.1)}.ArticleHeading{box-sizing:border-box;display:flex;margin:0 auto;padding:30px;width:100%}.ArticleHeading .article-img{align-self:center;flex-shrink:0;padding-right:30px}.ArticleHeading .article-img img{border-bottom-right-radius:60px;border-top-left-radius:60px;max-width:100%;vertical-align:top;width:350px}.ArticleHeading .article-meta{align-self:center;flex-grow:1}.ArticleHeading .article-meta h1{font-size:2.2em;margin:0 0 30px}.ArticleHeading.project-heading{flex-direction:row-reverse}.ArticleHeading.project-heading .article-meta{padding-right:30px}.ArticleHeading.project-heading>.article-img{align-self:center;padding-right:0;width:auto}@media screen and (max-width:950px){.ArticleHeading{padding:50px 15px!important}.ArticleHeading .article-meta h1{font-size:2em}}@media screen and (max-width:850px){.ArticleHeading{flex-direction:column!important;height:auto!important;text-align:center}.ArticleHeading .article-img{margin-bottom:30px;padding:0}.ArticleHeading .ProjectButton a{height:150px;line-height:150px;width:150px}.ArticleHeading .article-meta{padding-right:0!important}.ArticleHeading .article-meta h1{margin-bottom:10px}.ArticleHeading .content-meta li{display:block;margin-right:0;margin-top:10px}}.content-meta{color:#fff;font-size:1em;line-height:normal;margin:0;padding:0;width:100%}.content-meta li{display:inline-block;margin-bottom:10px;margin-right:35px}.content-meta li:last-child{margin-right:0}.content-meta .cm-label{display:block;font-size:.75em;font-weight:600;text-transform:uppercase}.content-meta .cm-value{font-size:1em;font-weight:500;margin:0}.ProjectButton{position:relative;width:100%}.ProjectButton a{align-self:center;background-attachment:fixed;background:linear-gradient(90deg,#c9fa84 0,#06b5ca 50%);border-radius:100%;box-shadow:0 0 30px #000;color:#fff;display:block;font-size:24px;height:186px;letter-spacing:3px;line-height:186px;margin:0 auto;text-align:center;text-shadow:0 2px 0 rgba(0,0,0,.1);transition:border-radius .1s;width:186px}.ProjectButton a:hover{border-top-right-radius:2px}.article{background-color:#fff;border-bottom-left-radius:30px;border-right:none;border-top-left-radius:30px;box-shadow:0 0 30px rgba(0,0,0,.4);box-sizing:border-box;margin-bottom:30px;overflow:hidden;padding:40px 30px}.article.project-article{margin-top:250px}.article .title{font-size:2.5em}.article .heading{margin:30px 0 10px}.article p{font-weight:400;line-height:2;margin-bottom:0}.article p:first-child{margin-top:0}.article h1,.article h2,.article h3,.article h4,.article h5,.article h6{color:#464646}.article img{max-width:100%}.article .article-img-col-3{display:inline-block;width:33.3333%}.BlogList{box-sizing:border-box;list-style:none;margin:0;padding:0}.BlogList>li:not(:last-child){border-bottom:3px solid hsla(0,0%,100%,.031)}.BlogList a{display:block;overflow:hidden;padding:60px 30px 60px 250px;position:relative;transition-duration:.15s;transition-property:padding-left}.BlogList h2{font-size:1.5em;margin:0 0 10px}.BlogList img{bottom:0;height:100%;left:0;margin:auto;-webkit-mask-image:linear-gradient(270deg,transparent 0,#fff 75%);mask-image:linear-gradient(270deg,transparent 0,#fff 75%);position:absolute;top:0;transition:opacity .3s;vertical-align:top;z-index:-1}.BlogList .writing-meta{color:#fff;font-size:.9em;list-style:none;margin:0;padding:0}.BlogList .writing-meta>li{display:inline-block;margin-right:20px}@media screen and (max-width:897px){.BlogList>li:hover img{opacity:.8}.BlogList a{padding-left:15px}.BlogList h2{font-size:1.5em}.BlogList img{opacity:.3}}.OptionsPanel{background-color:hsla(0,0%,100%,.004);border:3px solid hsla(0,0%,100%,.03);border-radius:30px;box-shadow:0 0 30px #000;box-sizing:border-box;color:#fff;display:flex;flex-basis:100%;flex-direction:column;height:100%;margin-top:0;padding:0 30px;width:100%}.OptionsPanel>div{cursor:pointer;flex-basis:50%;padding:30px 0;position:relative}.OptionsPanel>div svg{padding-bottom:10px;transition:-webkit-transform .1s;transition:transform .1s;transition:transform .1s,-webkit-transform .1s}.OptionsPanel>div:after{background-color:rgba(0,0,0,.5);border:1px solid #fe69f1;border-radius:30px;box-sizing:border-box;content:"";height:20px;position:absolute;right:0;top:30px;width:20px}.OptionsPanel>div.option-active:after{background:linear-gradient(90deg,#ff3cac,#8700ff)}.OptionsPanel>div:not(.option-active) h2{-webkit-text-fill-color:hsla(0,0%,100%,0);background:#fff;-webkit-background-clip:text;background-clip:text}.OptionsPanel>div:not(.disabled):hover svg{-webkit-transform:scale(1.15);transform:scale(1.15)}.OptionsPanel>div.disabled{cursor:not-allowed;opacity:.2}.OptionsPanel .option-1{border-bottom:2px solid hsla(0,0%,100%,.03)}.OptionsPanel h2{font-size:1.3em;margin-bottom:5px}.OptionsPanel .icons{font-size:3em}.OptionsPanel p{font-size:.9em;line-height:1.85em;margin:0}.Form{color:#fff;display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.Form>div{position:relative}.Form input,.Form textarea{border:none;border-radius:10px;box-sizing:border-box;font-family:Poppins,sans-serif;font-size:18px;height:55px;margin-bottom:30px;outline:none;padding:0 15px;width:100%}.Form textarea{height:250px;margin-bottom:0;padding:15px;resize:none}.Form label{display:block;font-size:1em;line-height:1;margin-bottom:10px}.Form .form-input-col{display:flex;width:100%}.Form .form-input-col>div{width:100%}.Form .form-input-col>div:not(:last-child){margin-right:30px}.Form .form-textarea{position:relative;z-index:0}.Form .contact-form-submit-btn{background:linear-gradient(90deg,#ff3cac,#8700ff);border-radius:100px;bottom:0;color:#fff;display:block;font-size:1.7em;left:0;margin:auto;position:absolute;right:0;top:0;width:auto}.Form .contact-form-submit-btn:hover{background:linear-gradient(90deg,#8700ff,#ff3cac)}.form-container:empty:after{bottom:0;color:#fff;content:"select an option";display:block;font-size:1em;height:25px;left:0;margin:auto;position:absolute;right:0;text-align:center;top:0}.contact-form-submit-btn{cursor:pointer;font-size:1.7em;font-weight:700;margin:0 auto}@media screen and (max-width:930px){.Form .contact-form-submit-btn{position:relative}}@media screen and (max-width:450px){.Form .form-input-col{flex-direction:column}.Form .contact-form-submit-btn{margin:30px auto}}.App{color:rgba(45,51,86,.749);font-size:16px;height:725px;margin:auto;max-height:100%;max-width:100%;padding:30px 15px;width:1300px}.App,.frame{box-sizing:border-box;position:relative}.frame{border:1px solid;border-image-slice:1;border-top:0;height:100%;width:100%;z-index:1}.content{height:calc(100% - 60px);left:30px;top:30px;width:calc(100% - 60px);z-index:1}.content,.page{position:absolute}.page{bottom:0;left:0;margin:auto;right:0;top:0}.page>:not(.FloatingView){transition-duration:.2s;transition-property:-webkit-transform,-webkit-filter;transition-property:transform,filter;transition-property:transform,filter,-webkit-transform,-webkit-filter}.layouts:not(.effects-off){background-color:hsla(0,0%,100%,.005);border:3px solid hsla(0,0%,100%,.03);border-radius:30px;box-shadow:0 0 30px #000;box-sizing:border-box}.my-portrait{bottom:0;box-shadow:10px 0 50px #000;height:100%;left:0;max-width:100%;min-height:500px;position:absolute}nav.nav-desktop{display:flex;font-size:1.2em;height:50px;margin-top:-26px;position:absolute;-webkit-user-select:none;user-select:none;width:calc(100% - 30px);z-index:2}nav.nav-desktop ul{display:flex;list-style:none;margin:0;overflow:hidden;padding:0;width:100%}nav.nav-desktop li{align-self:center;display:inline-block;font-weight:500;text-align:center;white-space:nowrap}nav.nav-desktop li:not(.nav-separator){padding:0 10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}nav.nav-desktop li.nav-separator{background-attachment:fixed;flex-basis:30px;height:1px;margin-top:1px;min-width:30px;mix-blend-mode:difference}nav.nav-desktop li.nav-separator:first-child{min-width:30px}nav.nav-desktop li.nav-separator:last-child{flex-basis:100%}nav.nav-desktop a{color:#fff;text-decoration:none}nav.nav-desktop .nav-active-page-indicator{background-attachment:fixed;border-radius:100%;height:6px;mix-blend-mode:difference;position:absolute;transition-duration:.3s;transition-property:left;transition-timing-function:ease-out;width:6px}nav.nav-mobile{-webkit-touch-callout:none;border-bottom:0;border-image-slice:1;border-left:0;border-top:1px solid;display:none;height:0;left:0;position:fixed;top:0;-webkit-user-select:none;user-select:none;width:100%}nav.nav-mobile ul{background-attachment:fixed;border-bottom-left-radius:70px;box-sizing:border-box;color:#fff;cursor:pointer;float:right;height:70px;list-style:none;margin:0;overflow:hidden;padding:55px 0 0;position:relative;right:0;text-shadow:0 2px 0 rgba(0,0,0,.1);top:-1px;transition-duration:.15s;transition-property:opacity;white-space:nowrap;width:70px}nav.nav-mobile li:not(:first-child){box-sizing:border-box;font-size:16px;font-weight:800;padding:10px 20px;transition:margin-left .1s}nav.nav-mobile li:first-child{box-sizing:border-box;color:#fff;display:block;font-size:22px;padding:11px 17px 28px 34px;position:absolute;right:0;text-align:center;top:0}nav.nav-mobile a{display:block}nav.nav-mobile a.active{position:relative}nav.nav-mobile a.active:before{background-color:#fff;border-radius:5px;bottom:0;box-shadow:0 2px 0 rgba(0,0,0,.1);content:"";height:5px;left:-10px;margin:auto;position:absolute;top:0;width:5px}.aboutme-gradient{background:linear-gradient(90deg,#3af4f5 0,#164dfe 50%);-webkit-background-clip:text;background-clip:text;color:#557cff}.aboutme-gradient,.portfolio-gradient{-webkit-text-fill-color:hsla(0,0%,100%,0)}.portfolio-gradient{background:linear-gradient(90deg,#c9fa84 0,#06b5ca 50%);-webkit-background-clip:text;background-clip:text;color:#06b5ca}.App[data-path="/portfolio"] .article a{color:#06b5ca}.writings-gradient{-webkit-text-fill-color:hsla(0,0%,100%,0);background:linear-gradient(90deg,#ff615c 0,#f0de72 50%);-webkit-background-clip:text;background-clip:text;color:#a800fe}.App[data-path="/writings"] .article a{color:#ff615c}.contact-gradient{-webkit-text-fill-color:hsla(0,0%,100%,0);background:linear-gradient(90deg,#ff3cac 0,#8700ff 50%);-webkit-background-clip:text;background-clip:text;color:#ff3cac}.App[data-path="/contact"] .article a{color:#ff3cac}@media screen and (max-width:1200px){.App{height:100vh}.my-portrait{display:none}.my-portrait-mobile{display:block!important;position:relative;width:200px}.about-placeholder{display:none}}@media screen and (max-width:750px){.App{font-size:16px}}@media screen and (max-width:665px){.App{font-size:14px;height:auto;margin:initial;padding:20px 10px 10px}nav.nav-desktop{width:calc(100% - 20px)}nav.nav-desktop li{font-size:1em}nav.nav-desktop li:not(.nav-separator){padding:0 5px}nav.nav-desktop li.nav-separator{min-width:15px}nav.nav-desktop li.nav-separator:first-child{flex-basis:100%;min-width:0;min-width:auto}nav.nav-desktop li.nav-separator:last-child{min-width:0;min-width:auto}nav.nav-desktop .nav-active-page-indicator{top:9px}}@media screen and (max-width:450px){.App{padding-bottom:0;padding-left:0;padding-right:0}nav.nav-desktop{width:100%}.content{height:calc(100% - 30px);left:10px;top:20px;width:calc(100% - 20px)}.content>.page>.layouts:not(.effects-off):not(.padding-off){padding:20px}.FloatingView{bottom:-5px;right:-5px}.article{padding:30px 15px}}@media screen and (max-width:430px){.App{padding-top:0}nav.nav-desktop{display:none}nav.nav-mobile{display:block;z-index:100}.layouts.scroll-y{overflow:visible}.content{padding:10px 0;top:0}.content,.page{height:auto;position:relative}.page{bottom:auto}.page>.layouts{min-height:calc(100vh - 21px)}.frame{height:auto;min-height:100vh}}
/*# sourceMappingURL=main.3f305165.css.map*/