@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}}@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 #746d6d;border-right:1px solid #746d6d;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{margin:4.5rem 3rem 0}}@media only screen and (min-width:56.25em){.main{display:grid;grid-template-columns:4rem calc(100vw - 8rem) 4rem;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 #746d6d;border-right:1px solid #746d6d;grid-template-columns:165px 950px 165px;margin:0;padding-bottom:4rem}}.main .skills{border-bottom:1px solid #fff;border-top:1px solid #fff}@media only screen and (min-width:56.25em){.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)}.main .skills__container li h4{color:#939090}@media only screen and (min-width:37.5em){.main .skills__container li{justify-content:start}}.main .projects{text-align:center}@media only screen and (min-width:56.25em){.main .projects{display:grid;grid-column:2/3;grid-row:2/3;grid-template-rows:repeat(2,minmax(min-content,max-content));text-align:left}}.main .projects h3{font-size:2.8rem;grid-row:1/2;margin:2rem 0}.main .projects__container{text-align:center;width:min(62.5rem,100%)}@media only screen and (min-width:56.25em){.main .projects__container{column-gap:1.8rem;display:grid;grid-row:2/3;grid-template-columns:repeat(2,calc(50% - .9rem));grid-template-rows:repeat(3,minmax(min-content,max-content));text-align:left}}@media only screen and (min-width:65.625em){.main .projects__container{column-gap:1.25rem;grid-template-columns:repeat(3,calc(33.33333% - .83333rem));grid-template-rows:repeat(2,minmax(min-content,max-content))}}.main .projects__container li{list-style:none}.main .projects__container li img{object-fit:fill;width:240px}@media only screen and (min-width:37.5em){.main .projects__container li img{height:500px;width:400px}}@media only screen and (min-width:56.25em){.main .projects__container li img{height:400px;width:370px}}@media only screen and (min-width:65.625em){.main .projects__container li img{height:300px;width:100%}}.main .projects__container li h4{font-size:1.3rem;margin:.5rem 0;text-transform:uppercase;width:100%}@media only screen and (min-width:37.5em){.main .projects__container li h4{font-size:1.8rem}}@media only screen and (min-width:65.625em){.main .projects__container li h4{font-size:1rem}}.main .projects__container li ul{display:flex;justify-content:center}@media only screen and (min-width:56.25em){.main .projects__container li ul{justify-content:left}}.main .projects__container li ul:last-child{margin:.5rem 0 3.5rem}@media only screen and (min-width:37.5em){.main .projects__container li ul:last-child{margin:.5rem 0 4.5rem}}@media only screen and (min-width:56.25em){.main .projects__container li ul:last-child{margin:.5rem 0 4rem}}@media only screen and (min-width:65.625em){.main .projects__container li ul:last-child{margin:.5rem 0 2.5rem}}.main .projects__container li ul li{color:#939090;font-size:1rem;font-weight:700;margin:0 .5rem}@media only screen and (min-width:37.5em){.main .projects__container li ul li{font-size:1.5rem}}@media only screen and (min-width:56.25em){.main .projects__container li ul li{margin:0 1rem 0 0}}@media only screen and (min-width:65.625em){.main .projects__container li ul li{font-size:1rem}}.main .projects__container li ul li a{border-bottom:1px solid #50f9e5;color:#fff;padding-bottom:.5rem;text-decoration:none}@media only screen and (min-width:56.25em){.main .projects__container li ul li a{margin:0 1rem 0 0}}.main .projects__container li:last-child img{border:1px solid #746d6d}@media only screen and (min-width:65.625em){.main .projects-1{grid-column:1/2;grid-row:2/3}.main .projects-2{grid-column:2/3;grid-row:2/3}.main .projects-3{grid-column:3/4;grid-row:2/3}.main .projects-4{grid-column:1/2;grid-row:3/4}.main .projects-5{grid-column:2/3;grid-row:3/4}.main .projects-6{grid-column:3/4;grid-row:3/4}}.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 #746d6d;border-right:1px solid #746d6d;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}