*{box-sizing:border-box;margin:0;padding:0}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0f0f1b}::-webkit-scrollbar-thumb{background:#5f737b;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#a2b3b2}#root{--gray-000:#fff;--gray-100:#d4d4d4;--gray-200:#b4b4b4;--gray-300:#909090;--gray-400:#636363;--gray-500:#494848;--color-primary:#0f0f1b;--color-secondary:#fff;--color-tertiary:#8583ed;--color-tertiary-variant:#b8b6f9;--color-quaternary:#fb72dd;--color-quaternary-variant:#faa8df;--color-link:#50c2ff;--bg-transition:0.3s ease;--space-s-100:0.5rem;--space-s-200:1rem;--space-s-300:1.5rem;--space-m-400:2rem;--space-m-500:2.5rem;--space-m-600:3rem;--space-l-700:3.5rem;--space-l-800:4rem;--space-l-900:4.5rem;--font-s-100:0.625rem;--font-s-200:0.75rem;--font-s-300:0.875rem;--font-m-400:1rem;--font-m-500:1.125rem;--font-m-600:1.25rem;--font-l-700:1.375rem;--font-l-800:1.5rem;--font-l-900:1.625rem;--border-radius:4px;-webkit-font-feature-settings:none;font-feature-settings:none;-webkit-font-variant-ligatures:none;font-variant-ligatures:none;min-height:100vh;overflow:hidden}.block{margin:auto;max-width:1200px;padding:var(--space-m-500) 0}.App{min-height:100vh}.navbar-wrapper{align-items:center;background:transparent;display:flex;font-family:Doppio One,sans-serif;font-size:var(--space-s-200);font-style:normal;font-weight:400;height:auto;justify-content:center;padding:1rem 2rem;position:fixed;top:0;transition:background .3s ease-in-out;width:100%;z-index:20}.navbar-wrapper.scrolled{background:#fff}.navbar-wrapper.scrolled .navbar a{color:var(--color-tertiary);transition:var(--bg-transition)}.navbar-wrapper.scrolled .navbar a:hover{color:var(--color-tertiary-variant)}.navbar{display:flex;gap:var(--space-m-400)}.navbar a{color:var(--color-secondary);text-decoration:none;transition:var(--bg-transition)}.navbar a:hover{color:var(--color-tertiary-variant);-webkit-transform:scale(1.2);transform:scale(1.2)}#home{align-items:center;color:#fafbf6;display:flex;flex-direction:column;justify-content:center}.background-div{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;background-position:50%;background-size:cover;height:100%;left:0;position:absolute;top:0;width:100%}.fade-in{-webkit-animation-name:fadeIn;animation-name:fadeIn}.fade-out{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.hero{background:var(--color-primary);height:100vh;justify-content:center;overflow:hidden}.content,.hero{display:flex;flex-direction:column;position:relative;width:100%}.content{align-items:center;color:#fff;font-size:2rem;gap:var(--space-s-100);height:100%;justify-content:space-around;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.5);z-index:1}#name{font-family:gambado-sans,sans-serif;font-size:3vw;font-style:normal;font-weight:400}#title{font-family:JetBrains Mono,monospace;font-optical-sizing:auto;font-size:1.2vw;font-style:normal;font-weight:200;letter-spacing:1px}.resume-btn{background-color:var(--color-quaternary);border-radius:var(--border-radius);color:#fff;font-family:Russo One,sans-serif;font-size:var(--space-s-300);font-style:normal;padding:var(--space-s-100);text-decoration:none;transition:background-color .3s ease-in-out}.resume-btn:hover{background-color:var(--color-quaternary-variant)}.resume{align-items:center;flex-direction:column;height:90%;justify-content:center}.resume,.socials{display:flex;gap:var(--space-s-200)}.socials{flex-direction:row;height:10%}.socials a{color:#fff;text-decoration:none}.skills-wrapper{grid-gap:1vw 3vw;align-items:center;display:grid;font-family:lores-12,sans-serif;font-size:5vw;font-style:normal;font-weight:900;gap:1vw 3vw;grid-template-columns:repeat(6,6vw);justify-content:center;list-style:none;margin-bottom:5vw;padding:2vw;width:100%}.skills-wrapper>li>img{object-fit:cover}.home-container,.skills-wrapper>li>img{align-items:center;height:100%;width:100%}.home-container{display:inline-block;flex-direction:column;justify-content:center;margin:auto;overflow-y:hidden;padding:1rem 3rem;position:relative;scroll-behavior:smooth}.recent-projects{grid-gap:1vw;overflow-Y:hidden;display:grid;font-family:Russo One,sans-serif;font-style:normal;gap:1vw;grid-template-columns:repeat(10,auto);margin-bottom:5vw;margin-top:1.5vh;overflow-x:scroll;padding:2rem}#about-me-container{align-items:center;background-color:var(--color-secondary);color:var(--color-primary);display:flex;flex-direction:column;height:auto;justify-content:center;padding:var(--space-l-900);width:100%}#about-me{grid-gap:var(--space-l-800);align-items:center;display:grid;font-family:Doppio One,sans-serif;font-style:normal;font-weight:400;gap:var(--space-l-800);grid-template-columns:repeat(2,1fr)}#about-me>div{align-items:flex-start;display:flex;flex-direction:column;flex-grow:0;gap:var(--space-m-400)}#about-me>div>h2{color:var(--color-tertiary);font-family:gambado-sans,sans-serif;font-weight:700}#profile-pic{border-radius:var(--border-radius);object-fit:cover;width:100%}@media only screen and (max-width:1024px){#intro{display:flex;flex-direction:column}#home-thumbnail{height:30vh;width:80vw}#name{font-size:6vw}#title{font-size:2vw}.section-titles{font-size:4vw}.line{width:80vw}#about-me{display:flex;flex-direction:column}.skills-wrapper{font-size:7vw;gap:2vw 5vw;grid-template-columns:repeat(6,7vw)}.thumbnail-text-wrapper{font-size:2.5vw}.thumbnail-description{font-size:2vw}}@media only screen and (max-width:768px){.skills-wrapper{font-size:9vw;gap:3vw 6vw;grid-template-columns:repeat(6,9vw)}#intro{margin-top:4rem;min-height:50vh}#buttons>a{font-size:3vw}.recent-projects{align-items:center;display:flex;flex-direction:column;justify-content:center}.home-thumbnail{height:30vh;width:70vw}#name{font-size:8vw}#title{text-wrap:normal;font-size:3vw}.about-me{font-size:2.5vw}}@media only screen and (max-width:480px){#about-me-container{padding:var(--space-s-300)}}#fs-wrapper{align-items:center;background-color:var(--color-primary);color:#fff;height:auto;justify-content:center;padding:var(--space-l-900);width:100%}#fs-header,#fs-wrapper{display:flex;flex-direction:column}#fs-header{color:var(--color-tertiary);font-family:gambado-sans,sans-serif;font-weight:700;gap:var(--space-m-400)}#fs-title>h2{align-items:center;display:inline-flex;gap:var(--space-s-100);white-space:nowrap}#fs-container{display:flex;flex-direction:column;gap:var(--space-l-800)}#project-thumbnail-container{grid-gap:var(--space-s-200);display:grid;gap:var(--space-s-200);grid-template-columns:repeat(3,4fr);height:auto;width:100%}.project-thumbnail{color:#fff;display:flex;flex-direction:column;gap:var(--space-s-200);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:relative;text-decoration:none;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;width:100%}.project-thumbnail>img{border-radius:var(--border-radius);height:16rem;object-fit:cover;width:100%}.project-thumbnail:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.fs-icons{grid-gap:var(--space-s-100);color:#fff;display:grid;font-size:var(--space-m-600);gap:var(--space-s-100);grid-template-columns:repeat(auto-fit,var(--space-m-600));height:100%;width:100%}.thumbnail-text-wrapper{display:flex;flex-direction:column;gap:var(--space-s-100);width:100%}.thumbnail-text-wrapper>h3{color:var(--color-quaternary);font-family:Doppio One,sans-serif;font-style:normal;transition:var( --bg-transition)}.project-thumbnail:hover h3{color:var(--color-quaternary-variant)}.thumbnail-text-wrapper>div{font-family:Lato,sans-serif;font-style:normal;font-weight:400}#see-more{color:var(--color-secondary);display:flex;font-family:gambado-sans,sans-serif;font-size:var(--font-m-400);gap:var(--space-s-100);justify-content:flex-end;text-align:right;text-decoration:none}#see-more>span{align-items:center;background-color:var(--color-tertiary);border-radius:var(--border-radius);display:inline-flex;gap:var(--space-s-100);justify-content:center;padding:var(--space-s-100);text-shadow:2px 2px 4px rgba(0,0,0,.5);transition:var(--bg-transition);white-space:nowrap}#see-more>span:hover{background-color:var(--color-tertiary-variant);cursor:pointer}.hidden{display:none}@media only screen and (max-width:1024px){.thumbnail-text-wrapper>h3{font-size:var(--font-m-600)}.thumbnail-text-wrapper>div{font-size:var(--font-m-500)}}@media only screen and (max-width:768px){#project-thumbnail-container{display:flex;flex-direction:column}}@media only screen and (max-width:480px){#fs-wrapper{padding:var(--space-s-300)}.fs-icons{gap:var(--space-s-300);grid-template-columns:repeat(auto-fit,var(--space-m-400))}#fs-title>h2{flex-direction:column}}#pc-header{align-items:center;color:var(--color-tertiary);display:flex;flex-direction:column;font-family:gambado-sans,sans-serif;font-weight:700;gap:var(--space-m-400);text-align:center}#pc-header,.pc-icons{justify-content:center}.pc-icons{grid-gap:var(--space-s-100);color:#fff;display:grid;font-size:var(--space-m-600);gap:var(--space-s-100);grid-template-columns:repeat(auto-fit,var(--space-m-600));height:100%;width:100%}#fs-title>p{color:var(--color-secondary);font-family:Doppio One,sans-serif;font-size:var(--font-m-500);margin-top:var(--space-s-100)}#fs-title>p>a{align-items:baseline;color:var(--color-link);display:inline-flex;white-space:nowrap}.page{align-items:center;color:#e8ebea;display:flex;flex-direction:column;font-family:indivisible,sans-serif;font-style:normal;font-weight:700;height:100%;justify-content:center;padding:7rem 3rem;text-align:center}.thumbnail-images{height:100%;object-fit:cover;width:100%}.popUp-images-container{height:60vh;width:100%}.popup-images{height:100%;object-fit:contain;width:100%}.description-container{display:inline-block}.skills-container{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem}.thumbnail{gap:40px}.skills{background:#f69197;border-radius:.2rem;color:#fff;padding:.2rem}.popup-description{font-family:indivisible,sans-serif;font-size:1rem;font-style:normal;font-weight:400;text-align:start;white-space:normal}.title{background:#fff;background:linear-gradient(180deg,hsla(0,0%,100%,0) 5%,#0f0f1b 50%);bottom:0;font-family:lores-12,sans-serif;font-size:1.5vw;font-style:normal;font-weight:900;object-fit:contain;padding:5vh 3vh;position:absolute;text-align:left;width:100%}.gd{background-size:contain;background:hsla(0,0%,100%,.7);border:none;color:#e8ebea;cursor:pointer;height:23rem;margin:1rem;position:relative;text-align:center;text-decoration:none;transition:.3s ease-in;width:25rem}@media only screen and (max-width:965px){.page{padding:7rem 1rem}}.video-responsive{align-items:center;display:flex;height:0;justify-content:center;overflow:hidden;padding-bottom:50%;position:relative;width:100%}.video-responsive iframe{height:100%;left:0;margin:auto;position:absolute;top:0;width:100%}@media screen and (max-width:1200px){#video-wrapper{padding:var(--space-l-900)}}@media screen and (max-width:1024px){#video-wrapper{padding:var(--space-s-300)}.video-responsive{padding-bottom:60%}}@media screen and (max-width:480px){.video-responsive{padding-bottom:100%}}.carousel .control-arrow,.carousel.carousel-slider .control-arrow{background:none;border:0;cursor:pointer;filter:alpha(opacity=40);font-size:32px;opacity:.4;position:absolute;top:20px;transition:all .25s ease-in;z-index:2}.carousel .control-arrow:focus,.carousel .control-arrow:hover{filter:alpha(opacity=100);opacity:1}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{border-bottom:8px solid transparent;border-top:8px solid transparent;content:"";display:inline-block;margin:0 5px}.carousel .control-disabled.control-arrow{cursor:inherit;display:none;filter:alpha(opacity=0);opacity:0}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel-root{outline:none}.carousel *{box-sizing:border-box}.carousel img{display:inline-block;pointer-events:none;width:100%}.carousel .carousel{position:relative}.carousel .control-arrow{background:none;border:0;font-size:18px;margin-top:-13px;outline:0;top:50%}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{list-style:none;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);transition:all .15s ease-in;white-space:nowrap}.carousel .thumb{border:3px solid #fff;display:inline-block;margin-right:6px;overflow:hidden;padding:2px;transition:border .15s ease-in;white-space:nowrap}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{margin:0;overflow:hidden;position:relative}.carousel.carousel-slider .control-arrow{bottom:0;color:#fff;font-size:26px;margin-top:0;padding:5px;top:0}.carousel.carousel-slider .control-arrow:hover{background:rgba(0,0,0,.2)}.carousel .slider-wrapper{margin:auto;overflow:hidden;transition:height .15s ease-in;width:100%}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{flex-direction:column}.carousel .slider{list-style:none;margin:0;padding:0;position:relative;width:100%}.carousel .slider.animated{transition:all .35s ease-in-out}.carousel .slide{margin:0;min-width:100%;position:relative;text-align:center}.carousel .slide img{border:0;vertical-align:top;width:100%}.carousel .slide iframe{border:0;display:inline-block;margin:0 40px 40px;width:calc(100% - 80px)}.carousel .slide .legend{background:#000;border-radius:10px;bottom:40px;color:#fff;font-size:12px;left:50%;margin-left:-45%;opacity:.25;padding:10px;position:absolute;text-align:center;transition:all .5s ease-in-out;transition:opacity .35s ease-in-out;width:90%}.carousel .control-dots{bottom:0;margin:10px 0;padding:0;position:absolute;text-align:center;width:100%;z-index:1}@media (min-width:960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{background:#fff;border-radius:50%;box-shadow:1px 1px 2px rgba(0,0,0,.9);cursor:pointer;display:inline-block;filter:alpha(opacity=30);height:8px;margin:0 8px;opacity:.3;transition:opacity .25s ease-in;width:8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{filter:alpha(opacity=100);opacity:1}.carousel .carousel-status{color:#fff;font-size:10px;padding:5px;position:absolute;right:0;text-shadow:1px 1px 1px rgba(0,0,0,.9);top:0}.carousel:hover .slide .legend{opacity:1}#prisma{align-items:normal;font-size:1.5vw;font-weight:400;justify-content:normal;margin:auto;max-width:65vw;text-align:left}.titles{color:#729b79;font-family:gambado-sans,sans-serif;font-size:3vw}.credits{grid-gap:2rem;display:grid;font-size:1.5vw;gap:2rem;grid-template-columns:repeat(2,50%);line-height:30px;margin-bottom:1rem;text-align:left}#background{align-items:center;background-position:50%;background-size:cover;color:#fff;display:flex;height:500px;justify-content:center;padding:var(--space-l-900);width:100%}#overlay{background:rgba(0,0,0,.5);bottom:0;height:500px;left:0;position:absolute;right:0;top:0;z-index:1}#hero-container{display:flex;flex-direction:column;gap:var(--space-s-100);position:relative;width:100%;z-index:2}#hero-container h2{font-family:gambado-sans,sans-serif;font-size:var(--space-m-500);font-weight:400}#hero-container span{font-family:JetBrains Mono,monospace;font-size:var(--space-s-300)}#hero-container a{align-self:flex-start;background:var(--color-quaternary);border-radius:var(--border-radius);color:#fff;flex-grow:0;flex-shrink:0;font-family:Russo One,sans-serif;padding:var(--space-s-100);text-decoration:none}#hero-container a,#hero-container a:hover{transition:background-color var(--bg-transition)}#hero-container a:hover{background:var(--color-quaternary-variant)}.icons{grid-gap:var(--space-s-300);align-items:center;display:grid;gap:var(--space-s-300);grid-template-columns:repeat(auto-fit,var(--space-m-500));height:var(--space-m-500);text-align:center;width:100%}.icons>svg,i,img{height:100%;object-fit:contain;width:100%}@media screen and (max-width:1024px){#background{padding:var(--space-m-500)}}@media screen and (max-width:768px){#hero-container h2{font-size:var(--space-m-400)}#hero-container span{font-size:var(--space-s-200)}.icons{font-size:var(--space-m-400);grid-template-columns:repeat(auto-fit,var(--space-m-400));height:var(--space-s-300)}}@media screen and (max-width:1024px){#background{padding:var(--space-s-300)}}#carousel-wrapper{align-items:center;display:flex;flex-direction:column;font-family:Lato,sans-serif;font-size:var(--font-m-600);font-style:normal;font-weight:400;line-height:1.5;margin-bottom:var(--space-l-900);padding:0 var(--space-l-900);width:100%}#carousel-container{border-radius:var(--border-radius);position:relative;width:100%}#carousel-container>h3{font-family:gambado-sans,sans-serif;font-style:normal;font-weight:400;margin-bottom:var(--font-s-100)}.carousel{align-items:center;display:flex;justify-content:center;position:relative;width:100%}.carousel-image{border-radius:10px;height:100%;object-fit:cover;width:100%}.carousel-button{background-color:rgba(0,0,0,.5);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;padding:10px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:1}.prev-button{left:10px}.next-button{right:10px}.carousel-button:hover{background-color:rgba(0,0,0,.8)}.images{display:flex;gap:10px;justify-content:flex-start;margin-top:20px;max-width:100%;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x mandatory;white-space:nowrap}.images::-webkit-scrollbar{display:none}.images{-ms-overflow-style:none;scrollbar-width:none}.thumbnail-container{flex:0 0 auto;scroll-snap-align:center}.image{opacity:.7;transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease;transition:opacity .3s ease,transform .3s ease,-webkit-transform .3s ease}.image,.outlined-image{border-radius:5px;height:60px;object-fit:cover;width:60px}.outlined-image{border:2px solid #fff;opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}@media screen and (max-width:1024px){#carousel-wrapper{padding:0 var(--space-s-300)}}@media screen and (max-width:768px){.carousel-button{font-size:14px;padding:6px 10px}.images{margin-top:15px}.image,.outlined-image{height:50px;width:50px}}@media screen and (max-width:480px){.carousel-button{font-size:12px;padding:4px 8px}.image,.outlined-image{height:45px;width:45px}#carousel-container>h3{font-size:1rem}.carousel-button{top:60%}}.responsive-iframe-container{overflow:hidden;padding-top:30.25%;position:relative;width:100%}.responsive-iframe-container iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%}@media screen and (max-width:1024px){.responsive-iframe-container{padding:30.25% var(--space-s-300) 0 var(--space-s-300)}}.two-pictures{align-items:flex-start;display:flex;flex-direction:row;gap:1rem;justify-content:space-between;margin-bottom:2rem;max-height:100%;max-width:100%}.two-pictures>img{width:100%}@media only screen and (max-width:1000px){.two-pictures{flex-direction:column}}#footer-wrapper{background:var(--color-primary);color:var(--color-secondary);flex-direction:column;font-family:gambado-sans,sans-serif;font-size:3vw;height:auto}#footer,#footer-wrapper{display:flex;font-style:normal;font-weight:400;width:100%}#footer{align-items:center;flex-direction:row;font-size:var(--space-s-300);justify-content:space-between;margin:auto;padding:var(--space-s-300)}#socials>a>i{color:#fff}#description-wrapper{align-items:center;display:flex;font-family:Lato,sans-serif;font-size:var(--font-m-600);font-style:normal;font-weight:400;justify-content:center;line-height:1.5;padding:0 var(--space-l-900)}#description-container{display:flex;flex-direction:column;gap:var(--space-m-600);width:100%}#description-container>div>ul{padding-left:var(--space-s-300)}#description-container>div>h3{font-family:gambado-sans,sans-serif;font-style:normal;font-weight:400}@media screen and (max-width:1024px){#description-wrapper{padding:0 var(--space-s-300)}}@media screen and (max-width:768px){#description-wrapper h2{font-size:var(--space-m-400)}#description-wrapper span{font-size:0 var(--space-s-200)}}
/*# sourceMappingURL=main.59788980.css.map*/