@import url(https://fonts.googleapis.com/css2?family=Alegreya+Sans:wght@400;700;900&display=swap);*,:after,:before{box-sizing:border-box}body{background:#fff;color:#303030;margin:0;font-family:"Alegreya Sans",sans-serif;font-size:1rem;line-height:1.6}ul{list-style:none}section{padding:5em 2em}img{display:block;max-width:100%}.btn{display:inline-block;padding:.5em 2.5em;background:#00aeef;color:#303030;text-decoration:none;cursor:pointer;font-size:.8rem;text-transform:uppercase;letter-spacing:2px;font-weight:700;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out}.btn:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}h1,h2,h3{line-height:1;margin:0}h1{font-size:3rem}h2{font-size:2.25rem}h3{font-size:1.5rem}.section__title{margin:1rem 0 .25em}header{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;padding:1em;position:relative}.logo{max-width:75px;display:inline-block}.nav{position:fixed;background:#303030;color:#fff;top:0;bottom:0;left:0;right:0;z-index:100;-webkit-transform:translateX(100%);transform:translateX(100%);transition:-webkit-transform .9s cubic-bezier(.5,0,.5,1);transition:transform .9s cubic-bezier(.5,0,.5,1);transition:transform .9s cubic-bezier(.5,0,.5,1),-webkit-transform .9s cubic-bezier(.5,0,.5,1)}.nav__list{list-style:none;display:-webkit-flex;display:flex;height:100%;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-evenly;justify-content:space-evenly;-webkit-align-items:center;align-items:center;margin:0;padding:0}.nav__link{color:inherit;font-weight:700;font-size:2.25rem;text-decoration:none}.nav__link:hover{color:#00aeef}.nav-toggle{padding:.5em;background:transparent;border:0;cursor:pointer;position:absolute;right:1em;top:1em;z-index:1000}.nav-open .nav{-webkit-transform:translateX(0);transform:translateX(0)}.nav-open .nav-toggle{position:fixed}.nav-open .hamburger{-webkit-transform:rotate(225deg);transform:rotate(225deg)}.nav-open .hamburger:before{-webkit-transform:rotate(90deg) translateX(-6px);transform:rotate(90deg) translateX(-6px)}.nav-open .hamburger:after{opacity:0}.hamburger{display:block;position:relative}.hamburger,.hamburger:after,.hamburger:before{background:#00aeef;width:2em;height:3px;border-radius:1em;transition:-webkit-transform .25s ease-in-out;transition:transform .25s ease-in-out;transition:transform .25s ease-in-out,-webkit-transform .25s ease-in-out}.hamburger:after,.hamburger:before{content:"";position:absolute;left:0;right:0}.hamburger:before{top:6px}.hamburger:after{bottom:6px}#home{padding:0 2em 5em}.intro{min-height:500px;position:relative;padding-bottom:2rem}.intro__portfolio{min-height:auto}strong{font-weight:700}.section__counter{height:100px;display:grid;justify-items:center;-webkit-align-items:center;align-items:center;font-size:1.2rem;font-weight:700;grid-area:counter}.section__counter strong{color:#00aeef;font-size:1.5rem;margin:0 .1rem}.section__counter--logo{width:12%}.section__counter--logo img{width:100%}.img-wrapper{display:grid;-webkit-justify-content:center;justify-content:center;text-align:center;width:100%}.intro__img{width:100%;box-shadow:.25em .25em .75em rgba(0,0,0,.25),.125em .125em .25em rgba(0,0,0,.15)}.section__subtitle--intro{display:inline-block}.section__title--intro{text-align:center;font-weight:300}.section__title--intro strong{display:block}.section__subtitle{margin:0;font-size:1.5rem}.section__subtitle--about,.section__subtitle--intro{text-align:center;width:100%;background:#00aeef;padding:.25em 1em;font-family:"Alegreya Sans",sans-serif;margin-bottom:1em}.section__subtitle--work{color:#00aeef;font-weight:700;margin-bottom:2em}.spinner{display:grid;margin:2rem 0 0 4rem;grid-auto-flow:column;justify-items:center;-webkit-align-items:center;align-items:center;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.spinner>div{width:15px;height:15px;background-color:#00aeef;border-radius:100%;animation:bounce 1.4s ease-in-out infinite both;-webkit-animation:bounce 1.4s ease-in-out infinite both}.spinner .bounce1{animation-delay:-.32s;-webkit-animation-delay:-.32s}.spinner .bounce2{animation-delay:-.16s;-webkit-animation-delay:-.16s}@keyframes bounce{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes bounce{0%,80%,to{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}.my-skills{background-color:#303030;background-image:url(/static/media/skills-bg.f1ca14a0.jpg);background-image:linear-gradient(rgba(0,0,0,.52),rgba(0,0,0,.52)),url(/static/media/skills-bg.f1ca14a0.jpg);background-size:cover;color:#fff;text-align:center}.section__title--skills{color:#00aeef;position:relative}.section__title--skills:after{content:"";display:block;width:2em;height:1px;margin:.5em auto 1em;background:#fff;city:.2}.skills{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:4em}.skill{max-width:300px;margin:0 auto 3rem}.skill-icons{padding:0;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.skill-icons li p{margin:0}.skill-icons li{margin-right:1rem}.skill-icons li:last-of-type{margin:0}.section__title--about{text-align:center}.about-me{max-width:1000px;margin:0 auto}.styled__link{text-decoration:none;color:#00aeef;font-weight:700}.styled__link:hover{text-decoration:underline;opacity:.7}.menu{z-index:2}.menu-btn{position:fixed;z-index:80;right:1em;top:1em;cursor:pointer;transition:all .5s ease-out}.menu-btn .btn-line{width:28px;height:3px;margin:0 0 5px;background:#00aeef;transition:all .5s ease-out}.menu-btn.close{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.menu-btn.close .btn-line:first-child{-webkit-transform:rotate(45deg) translate(5px,5px);transform:rotate(45deg) translate(5px,5px)}.menu-btn.close .btn-line:nth-child(2){opacity:0}.menu-btn.close .btn-line:nth-child(3){-webkit-transform:rotate(-45deg) translate(7px,-6px);transform:rotate(-45deg) translate(7px,-6px)}.menu{position:fixed;top:0;left:0;width:100%;visibility:hidden}.menu.show{visibility:visible}.menu-branding,.menu-nav{display:-webkit-flex;display:flex;-webkit-flex-flow:column wrap;flex-flow:column wrap;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;float:left;width:50%;height:100vh;overflow:hidden}.menu-nav{margin:0;padding:0;background:#040404;list-style:none;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);transition:all .5s ease-out}.menu-nav.show{-webkit-transform:translateZ(0);transform:translateZ(0)}.menu-branding{background:#111;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);transition:all .5s ease-out}.menu-branding.show{-webkit-transform:translateZ(0);transform:translateZ(0)}.menu-branding .portrait{width:175px;height:250px;background:url(/static/media/resumeImg.df508a5a.png);background-position:50%;background-size:cover;background-repeat:no-repeat;border-radius:5px}.menu-branding .portrait:hover{outline:3px solid #00aeef;opacity:.95}.menu-branding .social-list{list-style:none;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;margin:.5em 0 0;padding:0}.menu-branding .social-list__item{margin:0 .5em}.menu-branding .social-list__link{padding:.5em;font-size:1.5rem;color:#fff}.menu-branding .social-list__link:hover{color:#00aeef}.menu .nav__item{-webkit-transform:translate3d(600px,0,0);transform:translate3d(600px,0,0);transition:all .5s ease-out}.menu .nav__item.show{-webkit-transform:translateZ(0);transform:translateZ(0)}.menu .nav__item.current>a{color:#00aeef}.menu .nav-link{display:inline-block;position:relative;font-weight:700;font-size:1.5rem;text-transform:uppercase;padding:1rem 0;color:#fff;text-decoration:none}.menu .nav-link__email{text-transform:lowercase;padding:2.5rem 0 0}.menu .nav-link__resume{padding-bottom:.5rem;pointer-events:none}.menu .nav-link:hover{color:#00aeef;opacity:.7;text-decoration:underline}.nav-item:first-child{transition-delay:.1s}.nav-item:nth-child(2){transition-delay:.2s}.nav-item:nth-child(3){transition-delay:.3s}.nav-item:nth-child(4){transition-delay:.4s}.portfolio{text-align:center;background:#303030;color:#fff;padding:5em 2em}.portfolio-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));width:100%}.portfolio-item{background:#00aeef;position:relative;overflow:hidden;width:100%}.portfolio-item .portfolio-image{width:100%;height:100%;object-fit:cover}.portfolio-item figcaption{position:absolute;top:100%;bottom:0;right:0;left:0;padding:1em;background:#00aeef;opacity:.9;color:#fff;text-align:left;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;transition:top .25s ease-in-out}.portfolio-item:focus figcaption,.portfolio-item:hover figcaption{top:0}.portfolio-title{color:#fff;font-size:2.5rem;margin-bottom:auto}.portfolio-link{color:#fff;font-weight:700;font-size:1.1rem;text-decoration:none;border-bottom:3px solid #fff;-webkit-align-self:flex-start;align-self:flex-start}.portfolio-link:after{content:url(/static/media/arrow-white.d976b510.svg);display:inline-block;height:.8em;width:.8em;margin-left:.5em}.item-links{text-align:center;padding:0 0 4rem}.item-links i{margin-right:.4rem}.portfolio-item__subheader{text-align:center;font-size:1.5rem;font-weight:700;margin-bottom:-15px;margin-top:60px;text-transform:capitalize}.credentials{color:#00aeef}.portfolio-item-individual{padding:0 2em 2em;max-width:1000px;margin:0 auto}.portfolio-item-individual p{max-width:600px;margin-left:auto;margin-right:auto}.portfolio-header{text-align:left;padding:5em 0;margin-bottom:2em;background-size:cover;background-position:50%}.portfolio-title-box{background:rgba(0,174,239,.75);padding:3em 0 3em 3em;color:#000;width:70%}.portfolio-title-box .portfolio-title{font-size:3.5rem;display:inline-block}.portfolio-title-box .portfolio-title:after{content:"";display:block;height:1px;margin:.5em 0;background:#fff;width:100%}.portfolio-subtitle{font-size:1rem}.portfolio-content{text-align:left;width:85%;margin:0 auto;padding-bottom:2em}.portfolio-full-width{width:100vw;max-width:none;margin:2em calc(50% - 50vw);height:20vh;object-fit:cover}.slider{overflow:hidden;position:relative;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.slider-image{background-size:contain;background-position:50%;background-repeat:no-repeat;height:15rem;color:#fff;text-align:center}.slider-nav{-webkit-align-content:center;align-content:center;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;margin-top:10px;-webkit-order:2;order:2}.slider-navButton{background:none;border:0;height:20px;opacity:.5;outline:none!important;position:relative;transition:opacity .25s;width:20px;padding:0}.slider-navButton:after{border-radius:50%;content:"";display:block;height:6px;left:7px;position:absolute;top:7px;width:6px}.slider-navButton--active{opacity:1}.slider-navButton--active:after{height:12px;left:4px;opacity:1;top:4px;width:12px}.slider-arrows{height:0;left:0;position:absolute;top:calc(50% - 35px);width:100%;z-index:1}.slider-arrow{background:none;border:none;height:40px;opacity:.5;outline:none;position:absolute;transition:opacity .25s;padding:0;width:21px;outline:none!important;cursor:pointer}.slider-arrow:hover{opacity:1}.slider-arrow:after,.slider-arrow:before{background:#d8d8d8;border-radius:3px;content:"";display:block;height:23px;position:absolute;width:5px;left:8px}.slider-arrow:before{top:0}.slider-arrow:after{bottom:0}.slider-arrow--left{opacity:1;top:0;left:10px}.slider-arrow--left:before{-webkit-transform:rotate(30deg);transform:rotate(30deg)}.slider-arrow--left:after{-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}.slider-arrow--right{opacity:1;top:0;right:10px}.slider-arrow--right:before{-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}.slider-arrow--right:after{-webkit-transform:rotate(30deg);transform:rotate(30deg)}.indicators{padding:0;list-style:none;text-align:center}.indicators li{cursor:pointer;display:inline-block;margin:0 10px;width:25px;height:25px;border-radius:50%;border:2px solid #00f;background:#fff}.indicators li.active{background:#00f}.footer{background:#111;color:#00aeef;text-align:center;padding:2.5em 0;font-size:1.5rem}.footer a{color:inherit;text-decoration:none}.footer__link:hover,.social-list__link:hover{opacity:.7}.footer__link{font-weight:700;color:#00aeef;text-decoration:none}.footer__link:hover{text-decoration:underline}.social-list{list-style:none;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;margin:2em 0 0;padding:0}.social-list__item{margin:0 .5em}.social-list__link{font-size:1.5rem;padding:.5em}.error-page{margin:6rem 0;display:grid;color:#00aeef;font-size:100%;line-height:1.5;height:100%}.error-page .error-link{margin:auto;font-weight:300;color:#00aeef;font-size:1.2rem;border:1px solid #00aeef;padding:.5em;border-radius:3px;text-align:center;text-decoration:none!important}.error-page .error-link:hover{background-color:#00aeef;color:#fff}.error-page .error-msg{font-size:2em;text-align:center;font-weight:100;margin-bottom:10rem}.error-page .error-header{text-align:center;font-size:10em;font-weight:100}@media (min-width:600px){.intro{display:grid;width:-webkit-min-content;width:min-content;margin:0 auto;grid-column-gap:1em;grid-template-areas:"img title" "img subtitle" "img . " "counter counter";grid-template-columns:-webkit-min-content -webkit-max-content;grid-template-columns:min-content max-content;padding-bottom:0}.item-links{margin:0 auto;max-width:622px;width:100%;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-evenly;justify-content:space-evenly;-webkit-flex-direction:column;flex-direction:column}.img-wrapper{width:120%;grid-area:img}.intro__img{grid-area:img;width:100%;min-width:250px;position:relative}.section__title--intro{outline:none;text-align:left;margin-left:3rem}.section__subtitle--intro{align-self:start;grid-column:-1/1;grid-row:2;text-align:right;position:relative;width:calc(100% + 1.5em)}.about-me{display:grid;grid-template-columns:1fr 300px;grid-template-areas:"title img  " "subtitle  img" "text img  ";grid-column-gap:2em}.section__title--about{grid-area:title;text-align:left}.section__subtitle--about{text-align:left;grid-column:1/-1;grid-row:2;position:relative;left:-1em;width:calc(100% + 2em);padding-left:1em;padding-right:calc(200px + 4em)}.about-me__img{grid-area:img;position:relative}.slider{overflow:hidden;position:relative;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}}@media (min-width:800px){h1{font-size:4.5rem}h2{font-size:3.75rem}h3{font-size:1.5rem}body{font-size:1.125rem}.logo{max-width:6rem}.skills{-webkit-flex-direction:row;flex-direction:row;display:-webkit-flex;display:flex;max-width:1000px;margin-left:auto;margin-right:auto}.skill{margin-bottom:none}.portfolio-item__subheader{text-align:left}.skill+.skill{margin-left:2em}.section__subtitle--intro{left:-1.5em}.slider-image{height:30rem}.error-page .error-header{outline:none;font-size:15em}}@media (min-width:1200px){.slider-image{box-shadow:.25em .25em .75em rgba(0,0,0,.25),.125em .125em .25em rgba(0,0,0,.15)}.slider-navButton:after{background:#00aeef}}@media screen and (min-width:1171px){.projects{grid-template-columns:repeat(4,1fr)}}@media screen and (min-width:769px) and (max-width:1170px){.projects{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:768px){main{-webkit-align-items:center;align-items:center;text-align:center}main .lg-heading{line-height:1;margin-bottom:1rem}div.menu-branding,ul.menu-nav{float:none;width:100%;min-height:0}div.menu-branding.show,ul.menu-nav.show{-webkit-transform:translateZ(0);transform:translateZ(0)}.menu-nav{height:65vh;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);font-size:24px;padding-top:3rem;-webkit-justify-content:flex-start;justify-content:flex-start}.menu-branding{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;height:35vh;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.menu-branding .portrait{display:none}.menu-branding .nav-link__resume{padding:0;pointer-events:all}.menu-branding .nav-link__email{padding-top:1rem}.about-info{grid-template-areas:"bioimage" "bio" "job1" "job2" "job3";grid-template-columns:1fr}.projects{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:500px){main{padding:2rem}main #home h1{margin-top:10vh}main .lg-heading{margin-top:1rem;font-size:5rem}.projects{grid-template-columns:1fr}}
/*# sourceMappingURL=main.f5858adf.chunk.css.map */