@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@400;700&family=Roboto+Condensed:wght@400;700&display=swap);*,:after,:before{box-sizing:inherit;margin:0;padding:0}body{box-sizing:border-box}html{background:#151515;color:#ebe7ef;font-family:Quicksand,sans-serif;font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}.reveal-item{opacity:0;transition:opacity 1.5s ease-out}.reveal-item--is-visible{opacity:1}@keyframes moveInLeft{0%{opacity:0;transform:translateX(-100px)}80%{transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}@keyframes moveInRight{0%{opacity:0;transform:translateX(100px)}80%{transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes moveInBottom{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes caption-animate{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@media only screen and (min-width:80em){.main-grid-layout{display:grid;place-items:center}}.header{display:grid;grid-template-rows:repeat(4,min-content);place-items:center}@media only screen and (min-width:37.5em){.header{grid-template-columns:55vw 45vw;grid-template-rows:repeat(2,minmax(min-content,max-content));place-items:revert}}@media only screen and (min-width:56.25em){.header{grid-template-columns:4rem calc(60vw - 4rem) calc(40vw - 4rem) 4rem}}@media only screen and (min-width:65.625em){.header{grid-template-columns:6rem calc(60vw - 6rem) calc(40vw - 6rem) 6rem}}@media only screen and (min-width:80em){.header{border-left:1px solid hsla(0,3%,44%,.3);border-right:1px solid hsla(0,3%,44%,.3);grid-template-columns:165px 603px 347px 165px;padding-bottom:4rem}}.header__logo-container{grid-row:1/2;text-align:center}@media only screen and (min-width:37.5em){.header__logo-container{grid-column:1/2;text-align:left}}@media only screen and (min-width:56.25em){.header__logo-container{grid-column:2/3}}.header__logo-container a{text-decoration:none}.header__logo-container h1{color:#fff;font-size:clamp(1.5rem,2vw + .5rem,2rem);padding:1.3rem 0 .5rem}@media only screen and (min-width:37.5em){.header__logo-container h1{padding:1.2rem 0 0 3.2rem}}@media only screen and (min-width:56.25em){.header__logo-container h1{padding-left:0}}.header__sm-ref-container{background-color:#151515;grid-row:2/3}@media only screen and (min-width:37.5em){.header__sm-ref-container{grid-column:2/-1;grid-row:1/2}}@media only screen and (min-width:56.25em){.header__sm-ref-container{grid-column:3/4}}.header__sm-ref-container ul{background-image:linear-gradient(0deg,#242424,#151515);display:flex;height:100%;justify-content:space-around;margin:0 auto;width:200px}@media only screen and (min-width:37.5em){.header__sm-ref-container ul{background-color:#242424;background-image:none;justify-content:flex-end;padding-top:.5rem;width:100%}}.header__sm-ref-container ul li{list-style:none}@media only screen and (min-width:37.5em){.header__sm-ref-container ul li{padding-right:1.3rem}}.header__image-wrapper{grid-row:3/4;height:320px;position:relative;width:200px}@media only screen and (min-width:37.5em){.header__image-wrapper{grid-column:2/-1;grid-row:2/-1;height:auto;width:100%}}@media only screen and (min-width:56.25em){.header__image-wrapper{grid-column:3/4}}.header__image-skeleton{animation:shimmer .5s infinite;background:linear-gradient(80deg,#2a2a2a 25%,#3a3a3a 50%,#2a2a2a 75%);background-size:200% 100%;inset:0;position:absolute}.header__image-container{background-color:#151515;grid-row:3/4;text-align:center}@media only screen and (min-width:37.5em){.header__image-container{grid-column:2/-1;grid-row:2/-1}}@media only screen and (min-width:56.25em){.header__image-container{grid-column:3/4}}.header__image-container img{background-color:#242424;width:200px}@media only screen and (min-width:37.5em){.header__image-container img{height:100%;object-fit:cover;width:100%}}.header__content-container{grid-row:4/-1;padding:1.6rem;text-align:center}@media only screen and (min-width:37.5em){.header__content-container{grid-column:1/2;grid-row:2/-1;padding:2rem 1rem 0 3rem;text-align:left}}@media only screen and (min-width:56.25em){.header__content-container{grid-column:2/3;padding-left:0}}.header__content-container h2{animation:moveInLeft 1s ease-in-out;animation-fill-mode:backwards;font-size:clamp(2.3rem,5vw + 1rem,5rem);line-height:clamp(3rem,7vw + 1rem,6rem);margin-bottom:2rem}@media only screen and (min-width:37.5em){.header__content-container h2{margin:3rem 0 2rem}}@media only screen and (min-width:80em){.header__content-container h2{font-size:80px}}.header__content-container span span{border-bottom:3px solid #50f9e5}.header__content-container p{animation:moveInRight 1s ease-in-out;animation-fill-mode:backwards;color:#939090;font-size:clamp(1rem,1vw + 1rem,3rem);font-weight:bolder;margin-bottom:2rem}@media only screen and (min-width:37.5em){.header__content-container p{margin-bottom:1.8rem}}.header__content-container a{animation:moveInBottom 2s ease-in-out 1s;animation-fill-mode:backwards;border-bottom:2px solid #50f9e5;color:#fff;font-size:clamp(1rem,.5vw + 1rem,3rem);font-weight:bolder;letter-spacing:.2rem;padding-bottom:.2rem;text-decoration:none}.main{margin:2.5rem 3.5rem 0}@media only screen and (min-width:37.5em){.main{display:grid;grid-template-columns:3rem calc(100vw - 6rem) 3rem;grid-template-rows:repeat(2,minmax(min-content,max-content));margin:5rem 0 0}}@media only screen and (min-width:65.625em){.main{grid-template-columns:6rem calc(100vw - 12rem) 6rem}}@media only screen and (min-width:80em){.main{border-left:1px solid hsla(0,3%,44%,.3);border-right:1px solid hsla(0,3%,44%,.3);grid-template-columns:165px 950px 165px;margin:0}}.main .skills{border-bottom:1px solid hsla(0,3%,44%,.3);border-top:1px solid hsla(0,3%,44%,.3)}@media only screen and (min-width:37.5em){.main .skills{grid-column:2/3;grid-row:1/2}}.main .skills__container{margin:3rem auto;width:min(62.5rem,100%)}@media only screen and (min-width:37.5em){.main .skills__container{display:grid;grid-template-columns:50% 50%;grid-template-rows:repeat(8,minmax(min-content,max-content));margin:3.2rem auto 2rem}}@media only screen and (min-width:56.25em){.main .skills__container{column-gap:1rem;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,minmax(min-content,max-content))}}.main .skills__container li{align-items:center;display:flex;flex-direction:column;font-weight:700;height:90px;justify-content:center;list-style:none;width:100%}@media only screen and (min-width:37.5em){.main .skills__container li{align-items:unset;justify-content:unset}}.main .skills__container li h3{font-size:clamp(2rem,6vw + 1rem,2.4rem)}@media only screen and (min-width:56.25em){.main .skills__container li h3{font-size:clamp(1.8rem,6vw + 1rem,2rem)}}.main .skills__container li h4{color:#939090}@media only screen and (min-width:37.5em){.main .skills__container li{justify-content:start}.main .projects{grid-column:2/3;grid-row:2/3}}.main .projects__title{font-size:2rem;font-size:clamp(2rem,6vw + 1rem,2.4rem);margin:2rem auto;text-align:center}@media only screen and (min-width:37.5em){.main .projects__title{text-align:left}}@media only screen and (min-width:56.25em){.main .projects__title{font-size:clamp(1.8rem,6vw + 1rem,2rem)}}@media only screen and (min-width:37.5em){.main .projects__list{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-template-rows:repeat(2,minmax(min-content,max-content));list-style:none;margin-bottom:40px;padding:0}}@media only screen and (min-width:48em){.main .projects__list{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media only screen and (min-width:53em){.main .projects__list{grid-template-columns:repeat(3,minmax(200px,1fr))}}.main .projects__item{border:1px solid hsla(0,3%,44%,.3);display:flex;flex-direction:column;justify-content:space-between;margin-bottom:30px;transition:transform .3s ease,box-shadow .3s ease}.main .projects__item:hover{transform:translateY(-5px)}@media only screen and (min-width:37.5em){.main .projects__item{margin-bottom:0}}.main .projects__figure{aspect-ratio:16/12;margin:0;overflow:hidden;position:relative;width:100%}.main .projects__content{position:relative}.main .projects__content:after{background-color:hsla(0,0%,8%,.6);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transition:all .3s ease}.main .projects__image{filter:grayscale(100%);transition:filter 1s ease;width:100%}.main .projects__item:last-child .main .projects__image{filter:none}.main .projects__item:hover .projects__image{filter:grayscale(0)}.main .projects__item--portfolio{position:relative}.main .projects .projects__item--portfolio .projects__caption{background-color:hsla(0,0%,8%,.4);bottom:0;left:0;position:absolute;right:0;top:0;transition:all .3s ease}.main .projects .projects__item--portfolio:hover .projects__caption{background-color:transparent}.main .projects__item:hover .projects__content:after{background-color:transparent;position:unset}.main .projects__name{color:#fff;font-size:clamp(1.5rem,2vw + .5rem,2rem);font-weight:600;margin:1rem 0 .5rem;padding:0 .5rem;text-align:center;text-transform:uppercase}@media only screen and (min-width:37.5em){.main .projects__name{font-size:clamp(1.2rem,2vw + .5rem,1.6rem);padding:0}}.main .projects__tech-list{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;list-style:none;margin:0 0 1rem;padding:0 .5rem}.main .projects__tech-item{color:#928f8f;font-size:clamp(.85rem,2vw + .5rem,1.5rem);font-weight:500;letter-spacing:.5px;text-transform:uppercase}@media only screen and (min-width:37.5em){.main .projects__tech-item{font-size:clamp(.85rem,2vw + .5rem,1.1rem)}}.main .projects__links{align-items:center;display:flex;flex-direction:column;gap:.5rem;justify-content:center;list-style:none;margin-bottom:1.5rem;padding:0}@media only screen and (min-width:37.5em){.main .projects__links{flex-direction:row}}.main .projects__link{color:#fff;font-size:clamp(.9rem,2vw + .5rem,1.2rem);text-decoration:none}@media only screen and (min-width:37.5em){.main .projects__link{font-size:clamp(.9rem,2vw + .5rem,.8rem)}}.main .projects__link-item{border-bottom:.1rem solid #50f9e5;margin-bottom:.4rem;padding-bottom:.2rem}@media only screen and (min-width:37.5em){.main .projects__link-item{margin-bottom:0;margin-left:.5rem}}.footer{background-color:#242424;display:grid;grid-template-rows:repeat(2,minmax(min-content,max-content))}@media only screen and (min-width:56.25em){.footer{grid-template-columns:4rem calc(50vw - 4rem) calc(50vw - 4rem) 4rem;grid-template-rows:minmax(min-content,max-content);padding:2rem 0}}@media only screen and (min-width:65.625em){.footer{grid-template-columns:6rem calc(50vw - 6rem) calc(50vw - 6rem) 6rem}}@media only screen and (min-width:80em){.footer{border-left:1px solid hsla(0,3%,44%,.3);border-right:1px solid hsla(0,3%,44%,.3);grid-template-columns:165px 475px 475px 165px}}.footer__logo-container{padding:2rem 0 1rem}@media only screen and (min-width:56.25em){.footer__logo-container{align-items:center;display:flex;grid-column:2/3;grid-row:1/2;padding:0}}.footer__logo-container a{color:#fff;font-size:.7rem;text-align:center;text-decoration:none}@media only screen and (min-width:56.25em){.footer__logo-container a{text-align:left}}.footer__sm-ref-container{display:flex;justify-content:center;padding-bottom:2rem}@media only screen and (min-width:56.25em){.footer__sm-ref-container{display:flex;grid-column:3/4;grid-row:1/2;justify-content:end;padding-bottom:0;padding-top:.5rem}}.footer__sm-links{display:flex;justify-content:space-around;list-style:none}@media only screen and (min-width:56.25em){.footer__sm-links{justify-content:flex-end}}.footer__sm-links li{margin:0 1rem}