@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=Press+Start+2P&display=swap);@import url(https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap);html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#08111f;color:#e6f1ff;font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.sidenav{bottom:0;position:fixed}.sidenav[data-orientation=left]{left:2.5rem;padding:0}.sidenav[data-orientation=left] ul{list-style:none;margin:0;padding:0}.sidenav[data-orientation=left] ul:after{background-color:#ecf0f3;content:"";display:block;height:90px;margin:0 auto;width:1px}.sidenav[data-orientation=left] ul li{margin:1rem 0}.sidenav[data-orientation=left] ul li a{color:#ecf0f3}.sidenav[data-orientation=left] ul li a svg{transition:all .25s cubic-bezier(.645,.045,.355,1)}.sidenav[data-orientation=left] ul li a:hover svg{color:#faa84b;transform:translateY(-3px)}.sidenav[data-orientation=right]{padding:0;right:2.5rem}.sidenav[data-orientation=right] a{color:#ecf0f3;letter-spacing:.1em;text-decoration:none;transition:all .25s cubic-bezier(.645,.045,.355,1);writing-mode:vertical-rl}.sidenav[data-orientation=right] a:hover{color:#faa84b;transform:translateY(-3px)}.sidenav[data-orientation=right]:after{background-color:#ecf0f3;content:"";display:block;height:90px;margin:0 auto;width:1px}@media only screen and (max-width:900px){.sidenav{display:none}}.hero-banner{align-items:stretch;-webkit-backdrop-filter:blur(.5px);backdrop-filter:blur(.5px);border-radius:7px}.hero-banner,.hero-banner__content{display:flex;flex-wrap:wrap;justify-content:center}.hero-banner__content{align-items:flex-start;flex-direction:column;z-index:100}.hero-banner__content--inner{margin:2rem;max-width:760px}.hero-banner__content--inner .hero-banner__eyebrow{align-items:center;color:#22ffe2;display:inline-flex;font-size:.78rem;font-weight:700;gap:.5rem;letter-spacing:.12em;margin-bottom:1rem;text-transform:uppercase}.hero-banner__content--inner h1{font-size:4.2rem;line-height:.95;margin:0}.hero-banner__content--inner p{font-size:1.25rem;margin:1.5rem 0 2rem;max-width:30rem}.hero-banner__content--inner .hero-banner__actions{display:flex;flex-wrap:wrap;gap:1rem}.hero-banner__content--inner .hero-banner__actions .MuiButton-root{min-width:180px}.hero-banner__content--inner a{font-family:Press Start\ 2P,cursive}@media only screen and (max-width:900px){.hero-banner{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}.hero-banner__content--inner h1{font-size:2.6rem}.hero-banner__content--inner p{font-size:1.05rem}}.about-me__inner{align-items:center;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);border-radius:7px;display:flex;flex-wrap:wrap;justify-content:center;margin:2rem}.about-me__inner div:first-child{width:55%}.about-me__inner div:last-child{display:flex;padding:2rem;width:36%}.about-me__inner div:last-child picture{position:relative}.about-me__inner div:last-child picture:after{border:7px double #faa84b;border-radius:44px;content:"";display:block;height:100%;left:20px;position:absolute;top:20px;transition:all .25s cubic-bezier(.645,.045,.355,1);width:100%;z-index:-1}.about-me__inner div:last-child picture:hover img{filter:sepia(0)}.about-me__inner div:last-child picture:hover:after{left:0;top:0}.about-me__inner div:last-child picture img{border-radius:44px;filter:sepia(1);height:auto;margin:auto;max-width:250px;transition:filter .25s linear;width:100%}@media only screen and (max-width:900px){.about-me__inner div:last-child picture img{filter:sepia(0)}.about-me__inner div:last-child picture:after{left:0;top:0}}.about-me__inner div p a{color:#faa84b;text-decoration:none}.about-me__inner div ul{grid-gap:0 10px;display:grid;gap:0 10px;grid-template-columns:repeat(2,minmax(140px,200px));list-style:none;margin:20px 0 0;overflow:hidden;padding:0}.about-me__inner div ul li{font-weight:500;list-style:none;padding-left:20px;position:relative}.about-me__inner div ul li:before{color:#faa84b;content:"▹";font-size:14px;left:0;line-height:20px;position:absolute}@media only screen and (max-width:900px){.about-me__inner div{width:100%!important}.about-me__inner{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}}.timeline{margin:5rem auto;min-height:auto}.timeline,.timeline__inner{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.timeline__inner{margin:2rem}@media only screen and (max-width:900px){.timeline__inner{margin:0 2rem}}.timeline__container{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);border-radius:7px;display:flex;justify-content:center}@media only screen and (max-width:900px){.timeline__container{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);flex-wrap:wrap}.timeline__container .MuiTabs-flexContainer{flex-direction:row;flex-wrap:wrap;justify-content:center;margin-bottom:2.5rem}}.timeline__tab-container--title span{font-size:21px;font-weight:500;margin:0;padding:0}.timeline__tab-container--title span a{color:#faa84b;-webkit-text-decoration:dotted;text-decoration:dotted}.timeline__tab-container--title span a:hover{opacity:.75}.timeline__tab-container--date span{font-size:.55rem}.timeline__tab-container--content ul{list-style:none;margin:20px 0 0;overflow:hidden;padding:0}.timeline__tab-container--content ul li{list-style:none;margin-bottom:21px;padding-left:20px;position:relative}.timeline__tab-container--content ul li:before{color:#faa84b;content:"▹";font-size:14px;left:0;line-height:20px;position:absolute}.timeline .MuiTabs-root{padding-top:24px}@media only screen and (max-width:900px){.timeline .MuiTabs-root{padding:0}}.timeline .MuiTabs-vertical{min-width:150px}.timeline .MuiTabs-indicator{border-radius:100px;left:0;right:auto;width:3px}@media only screen and (max-width:900px){.timeline .MuiTabs-indicator{width:0}}.timeline .MuiTabs-selected{color:#faa84b;font-weight:600}.timeline button{border-left:1px solid #ecf0f3;color:#ecf0f3}@media only screen and (max-width:900px){.timeline button{border:none}}.portfolio{align-items:center;flex-wrap:wrap;padding:5rem 0}.portfolio,.portfolio__filters{display:flex;justify-content:center}.portfolio__filters{margin-bottom:2rem;padding:0 2rem;width:100%}.portfolio__filters .MuiButtonGroup-root{border:0;flex-wrap:wrap;gap:.75rem;justify-content:center}.portfolio__filters .MuiButtonGroup-grouped{border-color:#22ffe24d;border-radius:999px!important;color:#ecf0f3;margin:0;min-width:96px;padding:.6rem 1rem;text-transform:none;transition:all .25s cubic-bezier(.645,.045,.355,1)}.portfolio__filters .MuiButtonGroup-grouped.is-active,.portfolio__filters .MuiButtonGroup-grouped:hover{background:#22ffe224;border-color:#faa84b;box-shadow:0 0 0 1px #22ffe22e,0 12px 24px -16px #22ffe28c;color:#fff}.portfolio-img{border-radius:17px;max-height:400px}.portfolio-link{color:#faa84b;text-decoration:none;text-shadow:2px 1px #00000080}@media only screen and (max-width:900px){.portfolio__featured-inner{padding:0 2rem}}.portfolio__other-inner{align-items:stretch;display:flex;flex-wrap:wrap;gap:40px;justify-content:center;padding:0;width:100%}.portfolio__other-inner .portfolio__card{align-items:center;display:flex;margin:0;width:30%}.portfolio__other-inner .portfolio__card-content{background-color:rgba(59,73,86,.502);border-radius:7px;display:flex;flex-direction:column;flex-wrap:wrap;height:100%;justify-content:space-between;padding:.5rem;text-align:left!important;width:100%}@media only screen and (max-width:900px){.portfolio__other-inner .portfolio__card{width:100%}.portfolio__other-inner{padding:0 2rem}}.portfolio__card{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:repeat(12,1fr);margin:3rem 0}.portfolio__card:nth-of-type(2n) .portfolio__card-img{grid-area:1/6/-1/-1}@media only screen and (max-width:900px){.portfolio__card:nth-of-type(2n) .portfolio__card-img{grid-column:1/-1}}.portfolio__card:nth-of-type(2n) .portfolio__card-content{grid-area:1/1/-1/7;text-align:left}.portfolio__card:nth-of-type(2n) .portfolio__card-content .portfolio__card-content--cta{justify-content:flex-start}@media only screen and (max-width:900px){.portfolio__card:nth-of-type(2n) .portfolio__card-content{grid-column:1/-1;z-index:1}}.portfolio__card:nth-of-type(odd) .portfolio__card-img{grid-column:1/8}@media only screen and (max-width:900px){.portfolio__card:nth-of-type(odd) .portfolio__card-img{grid-column:1/-1}}.portfolio__card:nth-of-type(odd) .portfolio__card-content{grid-column:7/-1;text-align:right}.portfolio__card:nth-of-type(odd) .portfolio__card-content .portfolio__card-content--cta{justify-content:flex-end}@media only screen and (max-width:900px){.portfolio__card:nth-of-type(odd) .portfolio__card-content{grid-column:1/-1;text-align:left;z-index:1}}.portfolio__card-img{grid-row:1;overflow:hidden;position:relative;z-index:0}.portfolio__card-img--placeholder{align-items:center;border:1px solid #ffffff1f;border-radius:7px;box-shadow:0 12px 35px -18px #000c;display:flex;justify-content:center;min-height:360px;padding:2rem;text-align:center;text-decoration:none}.portfolio__card-img--placeholder span{color:#fff;font-size:1.9rem;font-weight:700;line-height:1.2;max-width:12ch;text-shadow:0 8px 24px #00000073}@media only screen and (max-width:900px){.portfolio__card-img--placeholder{min-height:240px}}.portfolio__card-img img{border-radius:7px;filter:sepia(100%) blur(.5px) saturate(164%) opacity(90%);height:auto;transition:filter .25s linear,transform .35s ease;width:100%}.portfolio__card-img img:hover{filter:sepia(0) blur(0) saturate(100%) opacity(100%);transform:scale(1.03)}@media only screen and (max-width:900px){.portfolio__card-img img{height:100%;object-fit:cover}}.portfolio__card-img:after{background:linear-gradient(180deg,#0000000f,#00000061);content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .35s ease}.portfolio__card-img:hover:after{opacity:1}@media only screen and (max-width:900px){.portfolio__card-img{height:100%}}.portfolio__card-content{grid-row:1;position:relative;z-index:1}.portfolio__card-content--title{color:#22ffe2;font-family:Press Start\ 2P,cursive;font-size:.7rem}.portfolio__card-content--subtitle{font-size:1.5rem;font-weight:700;margin-bottom:21px}.portfolio__card-content--description{background-color:#3b4956;border-radius:7px;box-shadow:0 10px 30px -15px var(--navy-shadow);opacity:.75;padding:25px;position:relative;z-index:2}@media only screen and (max-width:900px){.portfolio__card-content--description{background-color:initial}}.portfolio__card-content--techs{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#5b491c4a;border-radius:7px;color:#ecf0f3;padding:1rem .5rem;text-align:center}@media only screen and (max-width:900px){.portfolio__card-content--techs{background-color:initial}}.portfolio__card-content--cta{align-items:center;display:flex;gap:.25rem;justify-content:flex-end;margin-top:.5rem}@media only screen and (max-width:900px){.portfolio__card-content{background-color:rgba(59,73,86,.502);border-radius:7px;padding:.5rem}.portfolio__card{margin:17px 0}}.portfolio__card.stagger-item{opacity:1;transform:none}.portfolio .MuiImageListItem-root .MuiImageListItemBar-root{border-radius:17px 17px 0 0}.portfolio.is-visible .portfolio__card.stagger-item{animation:reveal-rise .7s ease both}.portfolio.is-visible .portfolio__card.stagger-item:first-child{transition-delay:.06s}.portfolio.is-visible .portfolio__card.stagger-item:nth-child(2){transition-delay:.12s}.portfolio.is-visible .portfolio__card.stagger-item:nth-child(3){transition-delay:.18s}.portfolio.is-visible .portfolio__card.stagger-item:nth-child(4){transition-delay:.24s}.portfolio.is-visible .portfolio__card.stagger-item:nth-child(5){transition-delay:.3s}.portfolio.is-visible .portfolio__card.stagger-item:nth-child(6){transition-delay:.36s}.portfolio.is-visible .portfolio__card.stagger-item:nth-child(7){transition-delay:.42s}.portfolio.is-visible .portfolio__card.stagger-item:nth-child(8){transition-delay:.48s}.portfolio.is-visible .portfolio__card.stagger-item:nth-child(9){transition-delay:.54s}.portfolio.is-visible .portfolio__card.stagger-item:nth-child(10){transition-delay:.6s}.about-me,.hero-banner,.portfolio,.timeline{color:#fff;margin:auto;max-width:800px;min-height:100vh;width:100%}#root:after{background:url(/static/media/bg-home-4.3339257cdd8a6debba16.jpg);background-attachment:fixed;background-repeat:repeat;background-size:cover;bottom:0;content:" ";left:0;position:fixed;right:0;top:0;z-index:-10}@media only screen and (max-width:900px){#root:after{background-attachment:scroll;background-size:auto}}.section-title{align-items:center;display:flex;margin:10px 30px 40px;position:relative;white-space:nowrap;width:100%}.section-title h2{font-size:1.7rem}.section-title span{bottom:-1px;color:#faa84b;font-family:Press Start\ 2P,cursive;font-size:1.25rem;font-weight:400;margin-right:10px;position:relative}.section-title:after{background-color:#faa84b;content:"";display:block;height:1px;margin-left:20px;position:relative;top:1px;width:300px}@media only screen and (max-width:900px){.section-title{flex-wrap:wrap;margin:0;padding:0 30px;width:auto}.section-title:after{margin:20px;width:0}}.code-text{font-family:Press Start\ 2P,cursive}.primary-text{color:#faa84b}.reveal-section .section-title,.reveal-section .stagger-item{opacity:1;transform:none}.reveal-section.is-visible .section-title,.reveal-section.is-visible .stagger-item{animation:reveal-rise .7s ease both}.reveal-section.is-visible .stagger-item:first-child{transition-delay:.06s}.reveal-section.is-visible .stagger-item:nth-child(2){transition-delay:.12s}.reveal-section.is-visible .stagger-item:nth-child(3){transition-delay:.18s}.reveal-section.is-visible .stagger-item:nth-child(4){transition-delay:.24s}.reveal-section.is-visible .stagger-item:nth-child(5){transition-delay:.3s}.reveal-section.is-visible .stagger-item:nth-child(6){transition-delay:.36s}.reveal-section.is-visible .stagger-item:nth-child(7){transition-delay:.42s}.reveal-section.is-visible .stagger-item:nth-child(8){transition-delay:.48s}@keyframes reveal-rise{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=main.fc55eab4.css.map*/