.app-navbar{align-items:center;display:flex;height:72px;inset:0;justify-content:space-between;position:fixed;transition:transform .3s ease-in-out,background-color .3s ease-in-out,box-shadow .3s ease-in-out,-webkit-backdrop-filter .3s ease-in-out;transition:backdrop-filter .3s ease-in-out,transform .3s ease-in-out,background-color .3s ease-in-out,box-shadow .3s ease-in-out;transition:backdrop-filter .3s ease-in-out,transform .3s ease-in-out,background-color .3s ease-in-out,box-shadow .3s ease-in-out,-webkit-backdrop-filter .3s ease-in-out;width:100%;z-index:9999}.app-navbar.scroll-down{transform:translate3d(0,-100%,0)}.app-navbar.scroll-up{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#121212b3;box-shadow:0 10px 30px -10px #00000017}.app-navbar .logo{color:var(--white-color);text-decoration:none}@media(max-width:767px){.app-navbar .container-list{height:100vh;inset:0;position:fixed;transition:visibility .3s;visibility:hidden;width:100vh;z-index:-1}.app-navbar .container-list.open{visibility:visible}.app-navbar .container-list.open .list{box-shadow:-10px 0 30px -15px #00000017;transform:translateX(0)}}.app-navbar .list{align-items:center;display:flex;gap:1rem}@media(max-width:767px){.app-navbar .list{background-color:var(--black-color);flex-direction:column;gap:2rem;height:100vh;inset:0 0 0 50%;justify-content:center;position:fixed;transform:translateX(100%);transition:transform .5s,box-shadow .5s}}@media(max-width:450px){.app-navbar .list{inset:0 0 0 30%}}.app-navbar .list>ul{align-items:center;display:flex}@media(max-width:767px){.app-navbar .list>ul{flex-direction:column;gap:1.5rem}}.app-navbar .list>ul a{color:var(--light-gray-color);padding:10px;text-decoration:none;transition:color .3s}@media(max-width:767px){.app-navbar .list>ul a{font-size:18px}}.app-navbar .list>ul li:hover a{color:var(--white-color)}.app-navbar .menu-icon{display:none}@media(max-width:767px){.app-navbar .menu-icon{align-items:center;display:flex;justify-content:center}}.app-footer .contact{padding:2rem 0}.app-footer .contact .social{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.app-footer .contact .me{margin-bottom:2rem}.app-footer .contact .me h1{color:#fff;font-family:Fira Code,monospace;font-size:80px;margin:0}@media(min-width:768px){.app-footer .contact .me h1{font-size:130px}}@media(max-width:767px){.app-footer .contact .me h1{font-size:90px}}@media(max-width:550px){.app-footer .contact .me h1{font-size:80px}}@media(max-width:470px){.app-footer .contact .me h1{font-size:70px}}@media(max-width:430px){.app-footer .contact .me h1{font-size:65px}}@media(max-width:390px){.app-footer .contact .me h1{font-size:60px}}@media(max-width:380px){.app-footer .contact .me h1{font-size:55px}}@media(max-width:350px){.app-footer .contact .me h1{font-size:53px}}@media(max-width:335px){.app-footer .contact .me h1{font-size:50px}}.app-footer .contact .me .line{align-items:center;display:flex;gap:5rem}@media(max-width:767px){.app-footer .contact .me .line{gap:1rem;justify-content:space-between}}.app-footer .contact .me .line span{color:var(--light-gray-color);font-size:18px}@media(max-width:500px){.app-footer .contact .me .line span{font-size:16px}}.app-footer .contact .icon-btn{width:calc(16.66667% - 1rem)}@media(max-width:992px){.app-footer .contact .icon-btn{width:calc(50% - 1rem)}}.app-footer .contact .icon-btn a{align-items:center;display:flex;font-size:13px;gap:.5rem;justify-content:center;padding:1rem 0}@media(max-width:767px){.app-footer .contact .icon-btn a{padding:1rem 0}}.app-footer .contact .icon-btn a svg{font-size:20px}.about-section .content{display:flex;flex-direction:column;gap:4rem;padding-top:5rem}@media(min-width:992px){.about-section .content{flex-direction:row;gap:0;justify-content:space-between}}@media(max-width:767px){.about-section .content{padding-top:3rem}}.about-section .content .skills{display:flex;flex-direction:column;gap:1.5rem;max-width:800px}@media(max-width:1300px){.about-section .content .skills{max-width:700px}}@media(max-width:1200px){.about-section .content .skills{max-width:550px}}@media(max-width:992px){.about-section .content .skills{max-width:none}}@media(width:992px){.about-section .content .skills{max-width:550px}}.about-section .content .skills .skills-container{align-items:center;display:flex;gap:1rem;justify-content:space-between;width:100%}.about-section .content .skills .skills-container.styles-cont{justify-content:normal}.about-section .content .skills .skills-container.styles-cont .btn{align-items:center;display:flex;flex-grow:1;justify-content:center}.about-section .content .skills .skills-container.styles-cont .btn .git-btn{align-items:center;border-radius:50%;display:flex;height:70px;justify-content:center;width:70px}.about-section .content .skills .skills-container.styles-cont .btn .git-btn svg{font-size:1.5rem}.about-section .content .skills .skills-container p{max-width:300px}.about-section .content .skills .skills-box{border:1px solid var(--light-gray-color);border-radius:2rem;color:var(--light-gray-color);display:flex;flex-direction:column;gap:1rem;padding:1.5rem;transition:background-color .3s,color .3s}.about-section .content .skills .skills-box.front,.about-section .content .skills .skills-box:hover{background-color:var(--white-color);color:var(--black-color)}.about-section .content .skills .skills-box .title{font-size:1.5rem;margin:0}.about-section .content .skills .skills-box .skills-list{align-items:center;display:flex;flex-wrap:wrap;gap:5px 1rem}.about-section .content .skills .skills-box .skills-list .skill-item{align-items:center;display:flex;gap:1rem}.about-section .content .skills .skills-box.fit{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.about-section .content .skills .skills-box.styles{max-width:300px}.about-section .content .img-cont{align-items:center;display:flex;flex-direction:row;gap:3rem;order:-1}@media(min-width:992px){.about-section .content .img-cont{align-items:normal;flex-direction:column;order:0}}@media(max-width:767px){.about-section .content .img-cont{gap:2rem}}.about-section .content .img-cont .about-p-small{max-width:300px;order:2;text-align:center}@media(max-width:767px){.about-section .content .img-cont .about-p-small{font-size:14px}}.about-section .content .ilias-image{border-radius:2rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:relative;width:300px}.about-section .content .ilias-image:after{border:2px solid var(--light-gray-color);border-radius:2rem;content:"";display:block;height:100%;left:14px;position:absolute;top:14px;transition:transform .25s cubic-bezier(.645,.045,.355,1);width:100%;z-index:-1}.about-section .content .ilias-image:hover:after{transform:translate(8px,8px)}.about-section .content .ilias-image:hover img{filter:none}.about-section .content .ilias-image img{border-radius:2rem;filter:grayscale(100%);max-width:100%;object-fit:cover;position:relative;transition:filter .3s}.hero-section .content{display:flex;flex-direction:column;gap:1.5rem;justify-content:center;min-height:100vh}.hero-section .content .small{gap:1.5rem;padding-top:calc(72px + 1rem)}.hero-section .content .small,.hero-section .content .small .title{display:flex;flex-direction:column}.hero-section .content .small .title h1{color:#fff;font-family:Fira Code,monospace;font-size:110px;margin:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:992px){.hero-section .content .small .title h1{font-size:80px}}@media(max-width:767px){.hero-section .content .small .title h1{font-size:65px}}@media(max-width:500px){.hero-section .content .small .title h1{font-size:60px}}@media(max-width:450px){.hero-section .content .small .title h1{font-size:50px}}@media(max-width:400px){.hero-section .content .small .title h1{font-size:45px}}.hero-section .content .small .title h1:last-child{align-self:flex-end}.hero-section .content .small p{color:var(--light-gray-color);font-size:20px;margin:0}@media(max-width:850px){.hero-section .content .small p{font-size:20px}}@media(max-width:500px){.hero-section .content .small p{font-size:17px}}.hero-section .content .small p span{color:var(--white-color)}@media(min-width:992px){.hero-section .content .small{display:none}}.hero-section .content .line{display:none}@media(min-width:992px){.hero-section .content .line{align-items:center;display:flex;gap:3rem;justify-content:space-between;width:100%}}.hero-section .content .line h1{color:#fff;font-family:Fira Code,monospace;font-size:90px;margin:0}@media(min-width:1400px){.hero-section .content .line h1{font-size:130px}}@media(min-width:1200px){.hero-section .content .line h1{font-size:110px}}.hero-section .content .line .hero-btn{flex-grow:1}.hero-section .content .line .hero-btn a{padding:20px 150px}@media(max-width:1300px){.hero-section .content .line .hero-btn a{padding:20px 100px}}.hero-section .content .line p{color:var(--light-gray-color);font-size:18px;margin:0;max-width:500px}@media(min-width:1200px){.hero-section .content .line p{font-size:1.5rem}}.hero-section .content .line p span{color:var(--white-color)}.hero-section .content .contact{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:0}@media(min-width:992px){.hero-section .content .contact{justify-content:center;margin-top:2rem}}@media(max-width:767px){.hero-section .content .contact{justify-content:center}}.hero-section .content .contact .icon-btn a{align-items:center;display:flex;font-size:13px;gap:.5rem;padding:1rem 40px}@media(max-width:767px){.hero-section .content .contact .icon-btn a{padding:1rem 20px}}.hero-section .content .contact .icon-btn a svg{font-size:20px}.work-section .work-title{text-align:start}.work-section .content{padding-top:5rem}@media(max-width:767px){.work-section .content{padding-top:3rem}}.work-section .content .work-list,.work-section .content .work-list .work-item{display:flex;flex-direction:column;gap:5rem}@media(min-width:992px){.work-section .content .work-list .work-item.reverse .work-info{order:1}.work-section .content .work-list .work-item.reverse .work-image{order:2}}@media(max-width:1200px){.work-section .content .work-list .work-item{gap:2rem}}@media(min-width:992px){.work-section .content .work-list .work-item{flex-direction:row}}.work-section .content .work-list .work-item .work-image{border-radius:1rem;box-shadow:0 5px 15px #00000080;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-width:100%;min-width:100%;overflow:hidden;position:relative}@media(min-width:992px){.work-section .content .work-list .work-item .work-image{max-width:450px;min-width:450px}}.work-section .content .work-list .work-item .work-image:hover:not(.has-demo) .cover-img{opacity:0}.work-section .content .work-list .work-item .work-image:hover:not(.has-demo) .hover-img{animation:anim-dealy 5s .2s both;opacity:1}.work-section .content .work-list .work-item .work-image .hover-img{height:100%;left:0;object-fit:cover;object-position:top center;opacity:0;position:absolute;top:0;transition:object-position 5s,opacity .3s;transition-timing-function:steps(1000);width:100%;z-index:-1}.work-section .content .work-list .work-item .work-image .cover-img{object-fit:cover;transition:opacity .3s,filter .3s}.work-section .content .work-list .work-item .work-image img{border-radius:1rem;max-width:100%}.work-section .content .work-list .work-item .work-info{display:flex;flex-direction:column;gap:1.5rem;justify-content:space-between}.work-section .content .work-list .work-item .work-info h3{color:var(--white-color);font-family:Fira Code,monospace;font-size:38px;font-weight:bolder;margin-bottom:.5rem}.work-section .content .work-list .work-item .work-info .work-p{font-size:17px;margin-bottom:1.5rem}@media(max-width:1200px){.work-section .content .work-list .work-item .work-info .work-p{font-size:16px}}.work-section .content .work-list .work-item .work-info .tech-list{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.work-section .content .work-list .work-item .work-info .tech-list .tech-item{border:1px solid var(--light-gray-color);border-radius:2rem;color:#fff;font-size:13px;padding:.5rem 10px}.work-section .content .work-list .work-item .work-info .actions{align-items:center;display:flex;gap:1.5rem}.work-section .content .work-list .work-item .work-info .actions .work-btn a{align-items:center;display:flex;gap:8px}@media(max-width:767px){.work-section .content .work-list .work-item .work-info .actions .work-btn{flex-basis:50%}.work-section .content .work-list .work-item .work-info .actions .work-btn a{justify-content:center;padding:20px 0}}.work-section .content .work-list .work-item .work-info .actions .work-link{color:var(--light-gray-color);display:flex;gap:6px;text-decoration:none;transition:color .3s}.work-section .content .work-list .work-item .work-info .actions .work-link span{position:relative}.work-section .content .work-list .work-item .work-info .actions .work-link span:before{background-color:var(--white-color);content:"";height:1px;left:0;position:absolute;top:90%;transition:width .3s;width:0}@media(max-width:767px){.work-section .content .work-list .work-item .work-info .actions .work-link span:before{display:none}.work-section .content .work-list .work-item .work-info .actions .work-link{text-decoration:underline}}.work-section .content .work-list .work-item .work-info .actions .work-link svg{transition:transform .3s}.work-section .content .work-list .work-item .work-info .actions .work-link:hover{color:var(--white-color)}.work-section .content .work-list .work-item .work-info .actions .work-link:hover span:before{width:100%}.work-section .content .work-list .work-item .work-info .actions .work-link:hover svg{transform:translate(5px,-5px)}@keyframes flash{0%{opacity:0}to{opacity:1}}@keyframes anim-dealy{to{object-position:bottom center}}.work-image.has-demo{cursor:pointer}.work-image.has-demo:hover .cover-img{filter:blur(3px) brightness(.6);opacity:1}.work-image.has-demo .play-overlay{align-items:center;border-radius:1rem;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s;width:100%;z-index:2}.work-image.has-demo .play-overlay .play-btn{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1f;border:2px solid #fff6;border-radius:50%;color:#fff;display:flex;font-size:18px;height:64px;justify-content:center;padding-left:3px;transition:transform .3s;width:64px}.work-image.has-demo:hover .play-overlay{opacity:1}.work-image.has-demo:hover .play-btn{transform:scale(1.08)}.demo-link{background:none;border:none;cursor:pointer;font-family:inherit;font-size:inherit;padding:0}.demo-modal{align-items:center;background:#000000e0;display:flex;height:100%;justify-content:center;left:0;padding:1rem;position:fixed;top:0;width:100%;z-index:1000}.demo-modal__content{aspect-ratio:16/9;border-radius:1rem;max-width:900px;overflow:hidden;position:relative;width:100%}.demo-modal__content iframe{border:none;height:100%;width:100%}.demo-modal__close{background:none;border:none;color:var(--light-gray-color);cursor:pointer;font-size:20px;position:absolute;right:0;top:-2.5rem;transition:color .3s}.demo-modal__close:hover{color:var(--white-color)}.light-effect{inset:0;pointer-events:none;position:fixed;transition:background .3s cubic-bezier(.4,0,.2,1);z-index:30}:root{--black-color:#121212;--white-color:#f5f5f5;--light-gray-color:#a6a6a6;--dark-gray-color:#3d3d3d}body{background-color:#121212;background-color:var(--black-color);min-height:200vh;overflow-x:hidden}body.modal-open{font-family:Fira Code,monospace}@media(max-width:767px){body.modal-open{overflow:hidden}body.modal-open #content>*{filter:blur(2px) brightness(.7);pointer-events:none;transition:all .25s cubic-bezier(.645,.045,.355,1);-webkit-user-select:none;user-select:none}}*{box-sizing:border-box;font-family:Open Sans,sans-serif;scroll-behavior:smooth}*,ul{margin:0;padding:0}ul{list-style:none}.flex-center{align-items:center;display:flex;justify-content:center}.app-container-fluid{padding-left:50px;padding-right:50px}@media(max-width:992px){.app-container-fluid{padding-left:40px;padding-right:40px}}@media(max-width:767px){.app-container-fluid{padding-left:1rem;padding-right:1rem}}.app-container{padding-left:150px;padding-right:150px}@media(max-width:992px){.app-container{padding-left:100px;padding-right:100px}}@media(max-width:767px){.app-container{padding-left:50px;padding-right:50px}}@media(max-width:450px){.app-container{padding-left:25px;padding-right:25px}}.outline-btn{background-color:#f5f5f5;background-color:var(--white-color);background-color:#0000;border:1px solid #f5f5f5;border:1px solid var(--white-color);border-radius:2rem;color:#121212;color:var(--black-color);color:#f5f5f5;color:var(--white-color);cursor:pointer;outline:none;transition:transform .3s,box-shadow .3s}.outline-btn.small{padding:12px 40px}.outline-btn.small:hover{box-shadow:3px 3px 0 0 #f5f5f5;box-shadow:3px 3px 0 0 var(--white-color);transform:translate(-4px,-4px)}.outline-btn.large{padding:20px 28px}.outline-btn.large:hover{box-shadow:4px 4px 0 0 #f5f5f5;box-shadow:4px 4px 0 0 var(--white-color);transform:translate(-5px,-5px)}.outline-btn-link{background-color:#f5f5f5;background-color:var(--white-color);background-color:#0000;border:1px solid #f5f5f5;border:1px solid var(--white-color);border-radius:2rem;color:#121212;color:var(--black-color);cursor:pointer;outline:none;transition:transform .3s,box-shadow .3s}.outline-btn-link,.outline-btn-link a{color:#f5f5f5;color:var(--white-color)}.outline-btn-link a{display:block;text-decoration:none}.outline-btn-link.small a{padding:12px 16px}.outline-btn-link.small:hover{box-shadow:3px 3px 0 0 #f5f5f5;box-shadow:3px 3px 0 0 var(--white-color);transform:translate(-4px,-4px)}.outline-btn-link.large a{padding:20px 28px}.outline-btn-link.large:hover{box-shadow:4px 4px 0 0 #f5f5f5;box-shadow:4px 4px 0 0 var(--white-color);transform:translate(-5px,-5px)}.app-section{padding-bottom:72px;padding-top:72px}@media(max-width:767px){.app-section{padding-bottom:40px;padding-top:40px}}.main-title{color:#f5f5f5;color:var(--white-color);font-family:Fira Code,monospace;font-size:150px;margin-bottom:0;position:relative;text-align:end}.main-title:before{background-color:#a6a6a6;background-color:var(--light-gray-color);content:"";height:1px;left:50%;position:absolute;top:100%;transform:translateX(-50%);width:100vw}@media(max-width:992px){.main-title{font-size:120px}}@media(max-width:767px){.main-title{font-size:90px}}@media(max-width:500px){.main-title{font-size:70px}}.main-p{color:#a6a6a6;color:var(--light-gray-color);margin:0;padding:0}.main-p span{color:#fff}@media(max-width:767px){.no-animate{opacity:1!important;transform:none!important}}
/*# sourceMappingURL=main.d247d2ee.css.map*/