@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap";.grecaptcha-badge{visibility:hidden}*{margin:0;padding:0;box-sizing:border-box;font-family:Manrope,sans-serif}html{scroll-behavior:smooth}.container{margin-left:auto;margin-right:auto;max-width:1300px;width:90%}body{background-color:#f5f5f5}.blocker{position:fixed;width:100vw;height:100dvh;z-index:9999;display:none;left:0;right:0;background:transparent;cursor:pointer}.no-scroll{overflow:hidden}.spinner{border:2px solid #f3f3f3;border-top:3px solid #141519;border-radius:50%;width:23px;height:23px;animation:spin 1s linear infinite;margin-top:10px;margin-left:40px;display:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}section{min-height:100dvh;padding:50px 0;scroll-margin-top:70px}section:nth-of-type(2){min-height:auto;padding-bottom:150px;scroll-margin-top:70px}.flex{display:flex}ul{list-style:none}.close,.back{background-color:transparent;font-size:15px;transition:.4s;position:absolute;border:none;top:25px;left:25px;cursor:pointer;z-index:5000;color:#000;padding:5px 11px;border:darkgray 1px solid;border-radius:8px}.close .hover-caption,.back .hover-caption{top:55px}.close:hover,.back:hover{background-color:#c8c8c866;border:rgba(0,0,0,.5) 1px solid}.close:hover .hover-caption,.back:hover .hover-caption{opacity:1}.close:active,.back:active{background-color:#c8c8c8cc;border:black 1px solid;scale:.95}a{text-decoration:none;color:#0b0b0b}.hover-caption{opacity:0;position:absolute;font-size:12px;top:40px;left:50%;transform:translate(-50%,-50%);background-color:#000000b3;border-radius:8px;text-decoration:none;text-transform:capitalize;white-space:nowrap;color:#fff;text-align:center;padding:5px;transition:opacity .4s ease}.img{background-size:cover;background-position:center}abbr[title]{text-decoration:none}header{position:-webkit-sticky;position:fixed;top:0;left:0;width:100%;z-index:1000;padding:20px 0;transition:.7s}header .main-links{display:flex;align-items:center;gap:17px}header .main-links a{font-size:14px;color:#141519;text-decoration:none;font-weight:600;transition:.3s}header .main-links a:hover{color:#9fa0a3}header .main-links .contact-toggle{font-size:14px;color:#141519;text-decoration:none;background-color:transparent;font-weight:600;border:none;cursor:pointer;transition:.3s}header .main-links .contact-toggle:hover,header .main-links .contact-toggle.active{color:#9fa0a3}header .hamburger{background-color:transparent;border:none;font-size:17px;cursor:pointer;color:#141519;border:lightgray 1px solid;padding:5px 10px;border-radius:8px;transition:.4s}header .hamburger:hover{background-color:#c8c8c84d;border:rgba(0,0,0,.5) 1px solid}header .hamburger:active{background-color:#c8c8c8cc;border:rgba(0,0,0,.9) 1px solid;scale:.95}header .back{top:25px;left:auto;right:30px;padding:5px 10px}header .back:hover{color:#000}header .flex{justify-content:space-between;align-items:center}header .logo{font-size:15px;color:#141519;text-decoration:none;font-weight:600}header .logo span{color:#9fa0a3;font-weight:300}header .nav .nav-menu a{font-size:14px;padding:8px 14px;color:#141519;text-decoration:none;font-weight:600;transition:.3s}header .nav .nav-menu a:hover,header .nav .nav-menu a.active{border-radius:20px;background-color:#141519;padding:8px 14px;color:#fff}header .nav .nav-menu ul{list-style:none;display:flex;gap:15px}header .nav .nav-menu button{font-size:14px;padding:8px 14px;color:#000;text-decoration:none;font-weight:600;background-color:transparent;border:none;cursor:pointer;transition:.3s}header .nav .nav-menu button:hover,header .nav .nav-menu button.active{border-radius:20px;background-color:#141519;padding:8px 14px;color:#fff}header .nav .nav-menu .github-link,header .nav .nav-menu .resume-link{display:none}header .socials p{text-align:center;color:#9fa0a3;font-size:13px}header .socials ul{list-style:none;display:flex;gap:25px}header .socials ul li{position:relative}header .socials ul li:hover .hover-caption{opacity:1}header .socials ul a{text-decoration:none;color:#0b0b0b;font-weight:700}@layer layout{header .contact-panel,header .nav{width:725px;left:auto;top:22px;right:20px;height:95dvh;background:#f6f6f64d;box-shadow:5px 10px 17px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;border:none;transition-property:overlay,display,transform,opacity;transition-duration:1s;transition-behavior:allow-discrete;opacity:0;transform:translate(100%);z-index:10000}header .nav{width:400px}header .nav:popover-open,header .contact-panel:popover-open{opacity:1;transform:translate(0)}header .contact-panel::backdrop,header .nav::backdrop{transition-property:overlay,display,opacity;transition-duration:.4s;transition-behavior:allow-discrete;opacity:0;background-color:#0000001a}header .contact-panel:popover-open::backdrop,header .nav:popover-open::backdrop{opacity:1}}header .nav .nav-menu{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:30px}header .nav-container,header .contact-container{display:flex;justify-content:center;align-items:center;height:100%}header .nav .nav-container{flex-direction:column;gap:50px}header .contact-socials{display:flex;justify-content:space-around;gap:10px}header .wrapper{display:flex;flex-direction:column;gap:40px;padding:0 30px}header .close-panel{top:25px;left:25px}@starting-style{header .nav:popover-open,header .contact-panel:popover-open{opacity:0;transform:translate(100%)}header .contact-panel:popover-open::backdrop,header .nav:popover-open::backdrop{opacity:0}}header .panel-title{font-size:20px;font-weight:300}header .panel-title a{color:#141519;text-decoration:underline}header .panel-title a:hover{text-decoration:none}header .success{text-align:center;font-size:20px;font-weight:600;opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) translateY(-20px);transition:opacity .7s ease,transform .7s ease}header .err{position:absolute;top:10%;left:30px;background-color:#0009;color:#f5f5f5;padding:10px;border-radius:8px;font-size:18px;opacity:0;transform:translateY(-20px);transition:opacity .4s,transform .4s}header .success.show{opacity:1;transform:translate(-50%,-50%) translateY(0)}header .err.show{opacity:1;transform:translateY(0)}header .err.hide{opacity:0;transform:translateY(20px)}header form{width:100%;font-size:17px}header label{display:none}header input::-moz-placeholder{color:#0b0b0b;font-size:20px}header input::placeholder{color:#0b0b0b;font-size:20px}header input{background-color:transparent;font-weight:600;font-size:20px;border:none;border-bottom:1px solid #a0a0a0;outline:none;margin-bottom:30px;text-align:center;width:33%}header input:focus{border-bottom:#9fa0a3 solid 2px}header .btn-contact{width:100px;border-radius:30px;background-color:#141519;padding:8px 12px;color:#fff;font-size:17px;font-weight:300;margin-top:30px;border-bottom:none;transition:.4s;border:none;cursor:pointer;display:block}header .btn-contact:hover{background-color:#fff;color:#141519;border-bottom:none}header .recaptcha-blurb a{color:#141519;text-decoration:underline;transition:.4s}header .recaptcha-blurb a:hover{text-decoration:none}#home{height:100dvh;display:flex;align-items:center;justify-content:center}#home .introduction h2{font-size:60px;font-weight:300;margin-bottom:40px}#home .flex{gap:100px}#home .small-description{max-width:350px}#home .small-description p{line-height:30px}#home .small-description p:nth-of-type(1){margin-bottom:55px}#home .arrow{position:relative}#home .arrow .hover-caption{top:90px;left:35px}#home .arrow:hover .hover-caption{opacity:1}#home .to-projects{background-image:url(/build/assets/arrowblack-B8ouZewM.png);background-position:center;background-size:cover;background-color:transparent;height:35px;width:35px;transform:rotate(90deg);transition:.4s;position:absolute;margin-top:25px;margin-left:20px}#home .to-projects:hover{scale:1.1;transform:translateY(8px) rotate(90deg)}#projects{display:flex;justify-content:center;align-items:center;padding-bottom:600px}#projects h2{font-size:50px;font-weight:100;max-width:600px}#projects .wrapper{position:relative}#projects .wrapper label{cursor:pointer;display:inline-block;background-color:#ecf0f1;padding:6px 13px;margin:25px 10px 25px 0;border:#0b0b0b solid thin;border-radius:20px;font-size:14px;transition:.4s}#projects .wrapper label:hover{background-color:#141519;color:#f5f5f5}#projects .wrapper input{display:none;opacity:0;transition:opacity .4s ease-out}#projects .wrapper input:checked+label{background-color:#141519;color:#f5f5f5}#projects .wrapper article{width:100%;position:absolute;top:100%;opacity:0;visibility:hidden;transition:opacity .4s ease-out,visibility 0s .4s}#projects .wrapper input[id=tab-0]:checked~.content .tab-0{opacity:1;visibility:visible;transition:opacity .4s ease-out,visibility 0s 0ms}#projects .wrapper input[id=tab-1]:checked~.content .tab-1{opacity:1;visibility:visible;transition:opacity .4s ease-out,visibility 0s 0ms}#projects .wrapper input[id=tab-2]:checked~.content .tab-2{opacity:1;visibility:visible;transition:opacity .4s ease-out,visibility 0s 0ms}#projects .wrapper input[id=tab-3]:checked~.content .tab-3{opacity:1;visibility:visible;transition:opacity .4s ease-out,visibility 0s 0ms}#projects .slick-slide{margin:0 15px}#projects .slick-list{margin:0 -15px}#projects .slick-dots{position:absolute;list-style:none;display:flex;gap:73px;top:103%;left:50%;transform:translate(-50%)}#projects .slick-dots .slick-active button{background-color:#141519}#projects .slick-dots button{font-size:0;width:8px;height:75px;border-radius:16px;border:none;background-color:#9fa0a3;cursor:pointer;transform:rotate(90deg);transition:.4s}#projects .slick-dots button:hover{background-color:#141519;scale:1.1}#projects .project-slide .img-container{background-color:#141519;border-radius:16px}#projects .project-slide img{width:100%;aspect-ratio:3/2;border-radius:16px;display:block;border:9px solid #141519;transition:.4s}#projects .project-slide img:hover{opacity:.9}.display{padding:180px 0}.display .btn{padding:5px 15px;border:#0b0b0b solid thin;border-radius:20px;cursor:pointer;display:inline-block;margin-bottom:15px;transition:.4s}.display .btn:hover,.display .btn.active{background-color:#141519;color:#f5f5f5}.display .flex{display:flex;background-color:#141519;padding:10px;border-radius:24px;gap:30px}.display .img-none{display:none}.display img{height:100%;width:100%;border-radius:16px}.display .card{position:relative;width:55%}.display .card:hover .caption{opacity:1}.display .card .caption-container{display:flex;justify-content:center;align-items:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.display .card .caption{background-color:#000000b3;border-radius:16px;text-decoration:none;text-transform:capitalize;color:#fff;text-align:center;padding:20px;opacity:0;transition:.4s}.display .project-description{width:45%;color:#f5f5f5;padding:30px 0}.display .project-description h3{font-size:25px;font-weight:500}.display .project-description p{margin:15px 0;line-height:1.6}.display .project-description .tech-container{margin-top:15px}.display .project-description .tech-container .techs{display:flex;flex-wrap:wrap;gap:10px}.display .project-description .tech-container .tech-tag{font-size:12px;font-weight:700;border:#f5f5f5 1px solid;padding:6px 10px;background-color:#f5f5f5;color:#141519;border-radius:16px;transition:.4s;cursor:pointer}.display .project-description .tech-container .tech-tag:hover{background-color:#141519;color:#f5f5f5;border:#f5f5f5 1px solid}.display .project-description .link{margin-top:40px}.display .project-description .link:hover i{animation:open 1s infinite alternate ease-in-out}@keyframes open{0%{transform:translate(0)}to{transform:translate(10px)}}.display .project-description .link i{margin-left:7px}.display .project-description .link a{padding:10px 20px;border-radius:20px;background-color:#f5f5f5;width:-moz-fit-content;width:fit-content;font-weight:700;cursor:pointer;text-decoration:none;color:#141519;display:inline-block;transition:.4s}.display .pagination{display:flex;justify-content:center;align-items:center;margin-top:50px;gap:20px}#about{display:flex;justify-content:center;align-items:center;background-color:#edebe8;border-radius:20px 20px 0 0;color:#0b0b0b}#about abbr[title] p{text-decoration:underline}#about h3{margin-bottom:30px;line-height:1.5;max-width:400px}#about .flex{gap:100px;align-items:center}#about .wrap{width:40%}#about .skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;width:30%}#about .skills-grid .card{display:flex;flex-direction:column;align-items:center;gap:15px}#about .skills-grid .card i{font-size:40px;cursor:pointer;transition:.5s ease-in-out}#about .skills-grid .card i:hover{scale:1.1}#about .skills-grid .card p{font-size:18px;font-weight:300;white-space:nowrap}#about .description{width:60%}#about .description abbr[title]{text-decoration:underline}#about .description h3{font-size:45px;font-weight:200}#about .description details{border-radius:4px;padding:1em 1em 0;margin-bottom:16px;border-bottom:1px solid lightgray}#about .description details>p{line-height:1.7}#about .description summary{font-weight:700;margin:-1em -1em 0;padding:1em;cursor:pointer}#about .description details[open]{padding:1em}.show-footer footer{background-color:#f5f5f5}footer{padding:5px 0;background-color:#edebe8}footer .footer{background-color:#141519;color:#fff;padding:50px 0;position:relative;border-radius:20px;margin:10px}footer .footer-container{width:85%;margin-left:auto;margin-right:auto}footer .top{display:flex;justify-content:space-between;position:relative}footer .middle{display:flex;justify-content:center;align-items:center;padding:110px 0}footer .middle .contact-toggle{border:none;background-color:transparent;color:#fff;cursor:pointer}footer .middle .back-to-top{background-image:url(/build/assets/arrow-ClE4jAg3.png);background-position:center;background-size:cover;background-color:transparent;height:40px;width:40px;position:absolute;transform:translate(-50%,-50%) rotate(-90deg);transition:.4s}footer .middle .back-to-top:hover{scale:1.05;transform:translateY(-10px) translate(-50%,-50%) rotate(-90deg)}footer .middle .arrow-container{position:absolute;top:150px;left:50%}footer .middle .arrow-container .hover-caption{top:-55px}footer .middle .arrow-container:hover .hover-caption{opacity:1}footer .middle a{color:#fff}footer .middle p:nth-of-type(1){font-size:17px;font-weight:500}footer .middle .hovering{margin-top:13px;display:inline-block;animation:hoverEffect 2s ease-in-out infinite}@keyframes hoverEffect{0%{transform:translateY(0)}50%{transform:translateY(-12px)}to{transform:translateY(0)}}footer .middle p{text-align:center;font-weight:100;font-size:15px;margin-bottom:15px}footer .middle h2{font-size:40px;font-weight:500;transition:.4s}footer .middle h2:hover{scale:1.1}footer .middle .contact{position:relative}footer .middle .contact .hover-caption{top:85px}footer .middle .contact:hover .hover-caption{opacity:1}footer .bottom ul{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:20px;place-items:center;margin-left:auto;margin-right:auto}footer .bottom ul a{text-decoration:none;color:#fff}@media only screen and (max-width: 1100px){#projects .slick-arrow{top:103%}#projects .slick-prev{right:calc(50% + 20px)}#projects .slick-next{left:calc(50% + 20px)}#about .description h3{font-size:35px}}@media only screen and (max-width: 992px){#home .introduction h2{font-size:50px}}@media only screen and (max-width: 900px){.header .contact-panel,.header .nav{width:87%;right:15px}.header .contact-panel .wrapper{padding-top:50px;padding-bottom:25px;gap:25px}#projects h2{font-size:40px;max-width:450px}.display .flex{flex-direction:column;gap:23px}.display .card{width:100%}.display .project-description{padding:0;width:100%}.display .project-description h3{font-size:22px}#about .wrap{width:100%}#about .flex{flex-direction:column;gap:50px}#about .skills-grid,#about .description{width:100%}}@media only screen and (max-width: 800px){section:nth-of-type(2){scroll-margin-top:45px}#home .introduction h2{font-size:35px}#home .flex{flex-direction:column-reverse;gap:10px}#home .small-description{max-width:none}#home .small-description p{line-height:30px;font-size:15px}#home .small-description p:nth-of-type(1){margin-bottom:20px}}@media only screen and (max-width: 650px){section:nth-of-type(2){padding-bottom:120px}#projects{padding-bottom:500px}#projects h2{font-size:30px;max-width:400px}.display .project-description h3{font-size:20px}.display .project-description p{font-size:14px}#about .skills-grid{gap:20px}#about .skills-grid .card i{font-size:30px}#about .skills-grid .card p{font-size:16px}#about .description h3{font-size:32px}.footer .middle{padding:60px 0}.footer .bottom ul{margin-left:0;margin-right:0}}@media only screen and (max-width: 550px){.header .panel-title{font-size:17px;margin-bottom:10px}.header input::-moz-placeholder{font-size:17px}.header input::placeholder{font-size:17px}.header .contact-panel input{width:90%;margin-left:auto;margin-right:auto;margin-bottom:10px;font-size:17px}.header .contact-panel form{display:flex;flex-direction:column;gap:20px;width:100%}.header .contact-panel form span{display:none}.header .contact-panel .btn-contact{margin-top:0}}@media only screen and (max-width: 500px){#home .introduction h2{font-size:30px}#home .small-description p{line-height:25px;font-size:13px}#projects{padding-bottom:390px}.display .project-description h3{font-size:18px}.display .project-description p{font-size:14px}#about .description h3{font-size:25px}}@media only screen and (max-width: 450px){header .resume-link,header .github-link,header .main-links .contact-toggle{display:none}header .nav .nav-menu .resume-link,header .nav .nav-menu .github-link{display:block}}@media only screen and (max-width: 350px){#about .skills-grid{grid-template-columns:repeat(2,1fr)}#about .description h3{font-size:25px}}