@font-face{font-family:Modernist-Regular;src:url(/assets/Fonts/Sk-Modernist-Regular.woff)}@font-face{font-family:Modernist-Bold;src:url(/assets/Fonts/Sk-Modernist-Bold.woff)}@font-face{font-family:Modernist-Mono;src:url(/assets/Fonts/Sk-Modernist-Mono.woff)}@font-face{font-family:Poppins-Regular;src:url(/assets/Fonts/Poppins-Regular.ttf)}@font-face{font-family:Poppins-Light;src:url(/assets/Fonts/Poppins-Thin.ttf)}@font-face{font-family:Strretch;src:url(/assets/Fonts/Strretch.woff);font-stretch:150%}body{margin:0;font-family:Arial,sans-serif;position:relative;overflow-x:hidden;scroll-behavior:smooth;overscroll-behavior:contain;scroll-snap-type:y mandatory;cursor:url(/assets/cursor.png),auto!important}::-moz-selection{background:red;color:#fff}::selection{background:red;color:#fff}::-webkit-scrollbar{width:15px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:#fff;border-radius:15px}::-webkit-scrollbar-thumb:hover{background:#fff}*{scrollbar-width:thin;scrollbar-color:rgb(161,161,161) rgb(0,0,0)}.logo{width:2.2rem}.brand{display:flex;align-items:center;justify-content:center}.brand.light{filter:invert(1)}.name-logo{margin-left:8px;font-size:.8rem;font-family:Modernist-Regular;display:flex;flex-direction:column;justify-content:center;gap:-5px;padding:0;color:#fff}.navbar{position:fixed;top:0;left:0;width:100%;padding:1.5rem 2rem;background-color:#0003;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(12px);color:#fff;transition:background-color .3s ease,color .3s ease,box-shadow .3s ease;z-index:50;font-family:Modernist-Regular}.navbar.light{background-color:#d4d4d433;color:#3d3d3d}.navbar.scrolled{background-color:#00000080;border-bottom:.5px solid rgba(80,80,80,.61)}.navbar.light.scrolled{background-color:#d4d4d480;border-bottom:.5px solid rgba(214,214,214,.61)}.navbar-container{max-width:1700px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.navbar-container a{text-decoration:none}.nav-links{list-style:none;display:flex;gap:1.5rem;margin:0;padding:0 50px}.nav-links li a{text-decoration:none;color:inherit;font-size:1.2rem;transition:color .3s ease;position:relative}.nav-links li a.active{color:#b10000;font-weight:700}.nav-links li a:hover{color:#af0000}.burger-menu{display:none;flex-direction:column;cursor:pointer;margin-right:50px}.burger-menu .bar{width:25px;height:2px;background-color:#fff;margin:3px 0;transition:.3s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.burger-menu.light .bar{background-color:#3d3d3d}.burger-menu.open .bar:nth-child(1){transform:rotate(47deg) translate(5px,6px)}.burger-menu.open .bar:nth-child(2){opacity:0}.burger-menu.open .bar:nth-child(3){transform:rotate(-45deg) translate(5px,-6px)}.light-switch-icon{padding-top:.2rem;height:1.1rem;width:1.1rem;cursor:pointer}@media (max-width: 768px){.burger-menu{display:flex}@keyframes slideFromTopRight{0%{opacity:0;transform:translate(50px,-50px) scale(.8)}to{opacity:1;transform:translate(0) scale(1)}}.nav-links{display:flex;position:absolute;top:77px;right:30px;width:100%;height:100vh;background-color:#000000e6;flex-direction:column;gap:1rem;text-align:center;padding:1rem 0;padding-top:50%;display:none}.nav-links.light{background-color:#f8f3f3fa}.nav-links.active{display:flex;opacity:1}}html,body{margin:0;font-family:Arial,sans-serif;overflow-x:hidden}.loading-screen{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Modernist-Regular}.lottie-logo{width:200px}.section{width:100%;display:flex;flex-direction:column;justify-content:center}.section h1{font-size:2.5rem;margin:0;font-family:Modernist-Regular}.section h4{font-size:1rem;margin:0;font-family:Poppins-Light}.container{color:#ddd;background-size:30px 30px;background-position:0 0;position:sticky}.container.light{color:#303030;background-color:#fff;background-image:radial-gradient(rgb(201,201,201) 1px,transparent .5px);transition:all .2s ease-in-out}.container.dark{background-color:#131313;background-image:radial-gradient(rgb(56,56,56) 1px,transparent .5px);transition:all .2s ease-in-out}@keyframes animateBlur1{0%,to{transform:translate(0) scale(1);top:0}50%{top:10%;opacity:.5;transform:translate(130px,-30px) scale(1.2)}}@keyframes animateBlur2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-50px,20px) scale(1.3)}}.container:before{content:"";position:fixed;top:10%;right:15%;width:200px;height:200px;background-color:#8b7d00b0;border-radius:50%;filter:blur(70px);z-index:-1;animation:animateBlur1 6s ease-in-out infinite alternate}.container:after{content:"";position:fixed;top:30%;right:25%;width:130px;height:130px;background-color:#bd2c00;border-radius:50%;filter:blur(50px);z-index:-1;animation:animateBlur2 8s ease-in-out infinite alternate}.container.light:after{background-color:#cc390cbb}.container.light:before{background-color:#c5b10083}.footer{width:100%;color:lightgreygrey;text-align:center;padding:1rem 0;bottom:0;left:0;font-family:Modernist-Regular;font-size:.8rem}.social-links-vertical{position:fixed;bottom:40px;left:20px;display:flex;flex-direction:column;gap:10px;opacity:0;transform:translateY(200px);animation:slideUp 1s ease-out forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(200px)}to{opacity:1;transform:translateY(0)}}.social-links-vertical a{color:#b6b6b6;font-size:1.2rem;transition:transform .3s ease,color .3s ease}.slide-down{animation:slideDown 1s ease-out forwards}@keyframes slideDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@media (max-width: 768px){.container:before{top:30%!important;right:40%;width:60px;height:60px;filter:blur(50px);background-color:#ffd000}.container.light:before{background-color:#c5b10083}.container:after{top:7%;right:20%;width:100px;height:100px}}.dot{height:1rem;width:1rem;align-items:last baseline;background-color:#ff0000da;border-radius:50%;margin-right:1rem}.line{flex-grow:1;height:.5px;background-color:#ffffffa2;margin-left:2%;margin-right:2rem}.line.light{background-color:#4d4d4da2}.welcome-section{display:flex;justify-content:space-between;align-items:center;padding:3rem;padding-left:12%;font-family:Modernist-Regular;height:100vh;transition:all .3s ease-in-out}.welcome-section.light{color:#1a1a1a!important;transition:all .3s ease-in-out}.welcome-section.dark{color:#eee}.underline-name{position:relative;display:inline-block}.underline-name img{position:absolute;height:25px;bottom:-17px;left:50%;transform:translate(-50%) rotate(185deg);mix-blend-mode:overlay;width:110%;pointer-events:none}.left-side,.right-side{width:50%}.left-side .function{font-size:2.3rem;margin-bottom:35px}.left-side h1{font-size:3rem;margin-bottom:1rem;font-family:Strretch,Arial,Helvetica,sans-serif;display:flex;flex-direction:column;transition:all .3s ease-in-out}.world{font-size:2.64rem}.left-side .firstname{font-family:Poppins-Regular;font-weight:100}.left-side h2{font-family:Strretch;font-size:2rem}.welcome-section .left-side p,.about-section .left-side p,.right-side p{font-size:1.2rem;margin-bottom:1.5rem;line-height:1.6;width:90%}.social-links{transition:transform .3s ease-out;position:relative;display:flex;gap:20px}.social-links.sticky{position:absolute;bottom:-100%;left:20px;flex-direction:column;transform-origin:bottom left}@keyframes slideIn{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.social-links.sticky{animation:slideIn .5s ease}.social-links a{display:block;font-size:1.2rem;color:#d1d1d1;margin-bottom:.3rem;text-decoration:none;transition:all .3s ease-in-out}.social-links.light a{color:#2b2b2b;transition:all .3s ease-in-out}.social-links a:hover{color:gray}.download-resume{margin-top:3%}.download-resume .icon{padding-right:10px;size:1rem}.download-resume button{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;padding:12px 24px;border-radius:8px;font-family:Modernist-Regular;border:2px solid rgb(156,56,56);font-size:1.1rem;transition:all .3s ease;white-space:nowrap;min-width:-moz-fit-content;min-width:fit-content;display:inline-block;transition:all .3s ease-in-out;cursor:pointer}.download-resume.light button{color:#2b2b2b;border:2px solid rgb(214,76,76);transition:all .3s ease-in-out}.download-resume button:hover{background:#fff3;border:2px solid white}.padding{padding-left:10px}.up-right-icon{position:absolute;width:.6rem;transform:rotate(220deg);margin-top:2px;margin-left:2px;color:#ddd;transition:all .3s ease-in-out}.light button .up-right-icon{color:#2b2b2b;transition:all .3s ease-in-out}@media (max-width: 768px){.welcome-section{padding-top:45%;flex-direction:column;justify-content:flex-start;padding-left:8%;height:50vh}.welcome-section .left-side p,.about-section .left-side p,.welcome-section .right-side p{font-size:1.1rem!important;margin-bottom:1.5rem;line-height:1.6;width:100%}.left-side .function{font-family:Modernist-Regular;font-size:1.5rem;margin-bottom:20px}.welcome-section .left-side{width:90%}.right-side{display:flex;justify-content:center;width:90%;margin-bottom:0rem}.welcome-section .left-side h1{font-size:1.7rem}.world{font-size:1.5rem}}.text-animation-char{display:inline-block;opacity:0;animation:reveal .5s forwards}@keyframes reveal{0%{opacity:0}to{opacity:1}}.about-section,.project-section,.contact-section{padding-top:100px;display:flex;flex-direction:column;width:100%}.about-section .underline-name img{top:20px;height:60%}.about-section .section-title,.project-section .section-title,.contact-section .section-title{display:flex;flex-direction:row;align-items:last baseline;padding-left:10%;font-family:Modernist-Bold,Arial,Helvetica,sans-serif}.about-section .section-content,.project-section .section-content{margin:3%;display:flex;flex-direction:row;align-items:self-start;justify-content:center}.about-section .left-side,.project-section .left-side,.about-section .right-side{display:flex;flex-direction:column;padding-left:2rem;padding-right:2rem;margin-right:3%;font-family:Modernist-Regular}.about-section .right-side{width:30%}.intro{text-align:justify;padding-left:4%;padding-right:4%}.yellow-highlight{color:#ffff00b6}.yellow-highlight.light{color:#be9c00}.alinea{font-size:1.2rem;font-weight:700;display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;border-radius:6px;background-color:#333;color:#ddd;margin-right:10px}.link{color:#ffff00b6}.about-section h1{margin:0;font-family:Modernist-Bold}.image-wrapper{width:350px;position:relative;display:inline-block;padding:1.5px;box-shadow:0 1rem 1.5rem -.9rem #00000056;background:linear-gradient(135deg,#faffcda2,#3a4b8a00,#fffaca63);border-radius:11px}.image{width:350px;border-radius:10px;margin-bottom:-2px}.whatido-title{font-family:Modernist-Bold;font-size:x-large;color:#d4d4d4;margin:20px 0}.light .whatido-title{color:#535353}.whatido{display:flex;flex-wrap:wrap;gap:10px;justify-content:start;max-width:400px}.whatido-item{padding:5px 10px;border-radius:5px;background-color:#0a0a0a70;font-size:1.1rem}.light .whatido-item{background-color:#d1d1d11f}.dev{border:1px solid rgba(255,0,0,.795)}.design{border:1px solid rgba(255,255,0,.712)}.light .design{border-color:#c9bb3c}@media (max-width: 768px){.whatido{width:100%}.whatido-item{font-size:1rem}.about-section .section-content,.project-section .section-content{margin:3%;display:flex;flex-direction:column}.about-section .left-side,.project-section .left-side,.about-section .right-side{width:90%;display:flex;justify-content:center;align-items:center}.intro{margin-left:-8%!important;font-size:1.1rem!important}.image-wrapper{margin-left:-5%!important;width:300px}.image{width:300px}}.skills-section{padding-top:100px}.skills-section .section-title{display:flex;flex-direction:row;align-items:last baseline;padding-left:10%}.skills-section .section-content{padding-top:10%;display:flex;flex-direction:column;justify-content:center;align-items:center}.honey-comb-container{min-height:40vh;margin:0;padding:0;display:flex;gap:50px;justify-content:center;flex-wrap:wrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.first-hc,.second-hc,.third-hc{display:flex;flex-direction:column;align-items:center}.hexagon-container{cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .05s ease-in-out}.light .skill-logo{filter:invert(1)}.hexagon-container.frontend-skills,.hexagon-container.backend-skills,.hexagon-container.tools-skills,.hexagon-container.design-skills{opacity:.8}.skill-logo.frontend-skills,.skill-logo.backend-skills,.skill-logo.tools-skills,.skill-logo.design-skills{opacity:.8!important;scale:1.2;transition:all .5s ease-in-out}.hexagon.frontend-skills,.hexagon.backend-skills,.hexagon.tools-skills,.hexagon.design-skills{background:#42424250}.hexagon-container.down-opacity{opacity:.1}.hexagon-border{--b: .05rem;height:90px;aspect-ratio:1 / cos(30deg);clip-path:polygon(0 50%,50% -50%,100% 50%,50% 150%,0 50%,var(--b) 50%,calc(25% + var(--b) * cos(60deg)) calc(100% - var(--b) * sin(60deg)),calc(75% - var(--b) * cos(60deg)) calc(100% - var(--b) * sin(60deg)),calc(100% - var(--b)) 50%,calc(75% - var(--b) * cos(60deg)) calc(var(--b) * sin(60deg)),calc(25% + var(--b) * cos(60deg)) calc(var(--b) * sin(60deg)),var(--b) 50%);background:#424242}.hexagon{height:90px;margin-left:-104px;display:flex;justify-content:center;align-items:center;color:#fff;aspect-ratio:1 / cos(30deg);clip-path:polygon(50% -50%,100% 50%,50% 150%,0 50%);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#2525254b}.light .hexagon{background-color:#e4e4e43a;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}.section-content .skill-logo{width:40px;transition:all .1s ease-in-out;opacity:.5}.hexagon-row{margin-top:-40px;display:flex;gap:70px}.margin{padding:30px}.third-line{margin-top:-43px}.hexagon-container:hover{transition:all .05s ease-in-out}.filter-skills{border:.5px solid rgb(189,189,0);padding:.4rem;display:flex;flex-direction:row;gap:5px;margin-bottom:100px;justify-content:center;align-items:center;border-radius:30px;font-family:Poppins-Regular;-webkit-user-select:none;-moz-user-select:none;user-select:none}.filter-skills-items{padding:.5rem 1rem;border-radius:30px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.filter-skills-items.active{background-color:#333}.light .filter-skills-items.active{background-color:#8585858f;color:#fff}@media (max-width: 768px){.test{width:0}.honey-comb-container{flex-direction:column;gap:5rem}.filter-skills{padding:.2rem;gap:3px}.filter-skills-items{padding:.5rem 1rem;border-radius:30px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:.9rem}}.slider-container{top:3rem;width:100%;overflow:hidden;white-space:nowrap;position:relative;background-color:#e7e7e71a;padding:.5rem;-webkit-mask-image:linear-gradient(90deg,transparent,#000 30%,#000 70%,transparent);mask-image:linear-gradient(90deg,transparent,#000 30%,#000 70%,transparent);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);-webkit-user-select:none;-moz-user-select:none;user-select:none}.slider-container.light{background-color:#00000063;-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.781),#000 30%,#000 70%,rgba(0,0,0,.664));mask-image:linear-gradient(90deg,#000000c7,#000 30%,#000 70%,#000000a9)}.slider{display:flex;gap:30px;animation:slide 25s linear infinite;width:-moz-max-content;width:max-content}.dot-spacing{aspect-ratio:1;width:7px;margin-top:2px;border-radius:50%;margin-left:20px;background-color:#a7a7a7}.light .dot-spacing{background-color:#fff}.text-item{font-size:1.2rem;border-radius:5px;color:#b9b9b9;font-family:Modernist-Regular;display:flex;flex-direction:row;align-items:center}.light .text-item{color:#fff}@keyframes slide{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (max-width: 768px){.slider-container{-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}}.section-content-project{display:flex;justify-content:center;flex-direction:row}.section-content-project .left-side{padding-top:2rem;width:100%;margin:0 5%;display:flex;gap:20px;flex-wrap:wrap;flex-direction:row;row-gap:100px;justify-content:space-around}.card-container{color:#fff;max-width:450px;display:flex;flex-direction:column;justify-content:start;transition:border .3s ease-in-out;border-bottom:.5px solid rgba(131,131,131,0);position:relative;transition-duration:.3s;transition-property:transform,box-shadow;transition-timing-function:ease-out;transform:rotate3d(0)}.card-container.hover{border-bottom:.5px solid rgb(131,131,131);transition:border-bottom .3s ease-in-out}.card-image-container{background-color:#47474781;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);margin-bottom:10px;padding:10% 5% 0;border-radius:10px;display:flex;justify-content:center;align-items:center;transition:all .3s ease-in-out}.card-image-container:hover{background-color:#303030;transition:all .3s ease-in-out}.light .card-image-container:hover{background-color:#636363}.card-image-container img{width:100%;border-radius:8px 8px 0 0;-o-object-fit:cover;object-fit:cover}.card-content{display:flex;flex-direction:column}.card-header{display:flex;justify-content:space-between;align-items:center}.project-title{font-size:1.2rem;margin:0;color:#a8a8a8;transition:all .3s ease-in-out}.light .project-title{color:#5a5a5a}.project-title.hover{color:#fff;transition:all .3s ease-in-out}.light .project-title.hover{color:#000}.github-link svg{color:#d8d8d8;font-size:18px;padding-right:5px}.light .github-link svg{color:#5a5a5a}.project-tech{margin-top:10px;color:#af9e00}.project-description{margin-top:0;font-size:1.1rem;color:#afafaf;transition:all .3s ease-in-out}.light .project-description{color:#5a5a5a}.light .project-description.hover{color:#000}.project-description.hover{color:#fff;transition:all .3s ease-in-out}.learn-more{color:#0f9;text-decoration:none;font-weight:700;font-size:17px}@media (max-width: 860px){.section-content-project .left-side{display:flex;margin:0 auto}.card-container{margin:0 auto;border-bottom:.5px solid rgba(255,255,255,.404)}.card-image-container{padding:10% 5% 0;border-radius:5px}.card-image-container img{border-radius:5px}.card-header{flex-direction:row;align-items:flex-start}.project-title{font-size:16px}.github-link{margin-top:5px}.project-tech{font-size:.9rem}.project-description{font-size:1.1rem}.learn-more{font-size:12px}}.progress-container{position:fixed;bottom:40px;right:20px;width:50px;height:50px;display:flex;align-items:center;justify-content:center;z-index:1000;background-color:#00000093;border-radius:50%;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;color:#a1a1a1}.light .progress-container{background-color:#cecece73;color:#6b6b6b}.progress-circle{position:absolute;transform:rotate(-90deg);transition:stroke-dashoffset .2s ease-out}.progress-text{position:absolute;font-size:12px;font-weight:700}.contact-section{height:100vh}.contact-section .section-content{margin:10%}h2.get-in-touch{font-family:Strretch,Arial,Helvetica,sans-serif}p.contact-info{width:50%;font-size:1.1rem;font-family:Modernist-Regular}.contact-social-links{margin-top:3rem;position:relative;display:flex;flex-direction:column;gap:10px}.contact-social-links a{display:flex;align-items:center;gap:10px;font-size:1rem;color:#a1a1a1;margin-bottom:.3rem;text-decoration:none;font-family:Modernist-Regular}.contact-social-links a:hover{color:gray}.disclaimer{width:45%;margin-left:-2px;padding:0rem 2rem;border:1px solid yellow;border-radius:0 10px 10px 0}.light .disclaimer{border:2px solid rgb(221,206,0)}.disclaimer p{font-family:Modernist-Regular;opacity:.7}@media (max-width: 768px){p.contact-info{width:100%}.disclaimer{width:80%}}