header{width:100%;height:100dvh;position:relative;z-index:1}header:before{content:"";position:absolute;top:0;left:0;width:100%;height:100dvh;background-image:url(/banner_jt_compressed.webp);background-size:cover;background-repeat:no-repeat;background-position:center;filter:brightness(.7);z-index:0}header>*{position:relative;z-index:2}header nav{font-family:Raleway;font-size:20px;font-weight:600;display:flex;justify-content:space-between;align-items:center;padding:10px 60px}header nav>img{height:30px;width:auto}header nav>ul{display:flex;gap:80px}header nav>ul>li{list-style:none}header nav>ul>li>a{text-decoration:none;color:#fff;text-shadow:0 3px 6px rgba(0,0,0,.4),0 0 10px rgba(0,0,0,.2)}header nav .burger-menu{display:none;background-color:transparent;border:none}header nav .burger-menu>img{height:30px;width:auto;cursor:pointer}header .mobile-nav{position:fixed;top:0;right:-100%;width:60%;height:100dvh;background-color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:right .3s ease;z-index:3000;display:flex;flex-direction:column;gap:60px;padding:20px 0 0 40px}header .mobile-nav .burger-menu{background-color:transparent;border:none;width:fit-content}header .mobile-nav .burger-menu>img{height:30px;width:auto;cursor:pointer}header .mobile-nav .nav-group{display:flex;flex-direction:column;gap:30px}header .mobile-nav .nav-group a{color:#333;text-decoration:none;font-size:24px;font-family:Raleway;font-weight:600}header .mobile-nav>a>img{height:40px;width:auto}header .mobile-nav.open{right:0}header .header-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;display:flex;flex-direction:column;align-items:center;gap:clamp(40px,10vh,100px);padding:0 20px;width:100%}header .header-content h1{font-family:Monda;font-weight:700;font-size:clamp(32px,10vw,72px);color:#fff;margin:0}header .header-content h2{font-family:Raleway;font-weight:600;font-size:clamp(24px,6vw,48px);color:#fff;margin:0}header .header-content h2>span{color:#8860d0}header .header-content p{font-family:Raleway;font-size:clamp(16px,5vw,28px);color:#fff;font-weight:600;margin:0}header .header-content h1,header .header-content h2,header .header-content p{text-shadow:0 3px 6px rgba(0,0,0,.4),0 0 10px rgba(0,0,0,.2)}@media (max-width: 1024px){header nav{padding:10px 30px}header nav>ul{gap:50px}}@media (max-width: 768px){header nav{font-size:17px;padding:20px}header nav>ul{display:none}header nav .burger-menu{display:flex}header .header-content{width:80%}header .mobile-nav{display:flex}}@media (max-width: 425px){header .header-content{width:100%;gap:60px}header .mobile-nav{width:100%}}footer{width:100%;height:auto;background-color:#252525;padding:40px;display:flex;flex-direction:column;align-items:center;gap:30px;margin-top:60px}footer div{display:flex;gap:60px}footer div img{width:40px;height:40px}footer p{color:#fff;font-family:Raleway;font-weight:300;font-style:italic;font-size:12px;margin:0}.main-home{display:flex;flex-direction:column;align-items:center}.main-home section{max-width:1440px;width:100%}.main-home section h2{font-family:Monda;font-weight:700;color:#333;font-size:48px;margin-top:60px;text-align:center}.main-home section>h3{font-family:Monda;font-size:28px;text-align:center;margin-bottom:40px;margin-top:0;color:#333}.main-home section>h3>span{color:#8860d0}.main-home .about-section{display:flex;flex-direction:column;width:100%;align-items:center;justify-content:space-between;padding:0 20px}.main-home .about-section .about-content{display:flex;justify-content:space-evenly;width:100%;gap:30px}.main-home .about-section .about-content .picture-btn{display:flex;flex-direction:column;align-items:center;gap:20px}.main-home .about-section .about-content .picture-btn>img{max-width:280px;width:100%;height:auto;border-radius:10px}.main-home .about-section .about-content .picture-btn input{background-color:#8860d0;border-style:none;width:100%;height:50px;color:#fff;border-radius:10px;font-family:Inter;font-size:18px;cursor:pointer}.main-home .about-section .about-content p{font-family:Raleway;font-size:17px;max-width:620px;margin:0}.main-home .about-section .about-content p span{font-weight:600}.main-home .about-section blockquote{font-family:Monda;font-size:32px;text-align:center;margin:60px}.main-home .about-section blockquote>p{font-weight:700;font-size:28px;margin-bottom:0}.main-home .skills-section{background-color:#f7f7f7;display:flex;flex-direction:column;justify-content:space-between;width:100%;gap:40px;padding-bottom:60px}.main-home .skills-section h2{margin-bottom:0}.main-home .skills-section h3{font-family:Monda;font-size:28px;text-align:center;margin-bottom:40px;margin-top:0;color:#333}.main-home .skills-section h3>span{color:#8860d0}.main-home .skills-section .skills{display:flex;flex-direction:column}.main-home .skills-section .skills .skills-block{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;gap:60px;padding:0 10px}.main-home .skills-section .skills .skills-block .group{display:flex;flex-direction:column;align-items:center}.main-home .skills-section .skills .skills-block .group>img{width:auto;max-width:60px;height:60px}.main-home .skills-section .skills .skills-block .group>p{font-family:Raleway;font-size:18px}.main-home .projects-section{width:100%;display:flex;flex-direction:column;align-items:center;margin-bottom:100px;padding:0 20px}.main-home .projects-section .cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:60px;align-items:center;justify-content:center;width:fit-content;margin-bottom:100px}.main-home .services-section{background-color:#f7f7f7;display:flex;flex-direction:column;justify-content:space-evenly;width:100%;padding:0 20px}.main-home .services-section .services-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;justify-content:space-evenly;align-items:center;margin:auto}.main-home .services-section>p{font-family:Raleway;font-size:24px;font-weight:400;text-align:center;margin:60px}.main-home .services-section>p>span{color:#8860d0;font-weight:700}.main-home .services-section>p>img{vertical-align:-10px}.main-home .contact-section{display:flex;flex-direction:column;align-items:center;padding:0 20px}.main-home .contact-section>p{font-family:Raleway;font-size:24px;text-align:center}.main-home .contact-section>p>span{color:#8860d0;font-weight:700}.main-home .contact-section .contact-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:60px;width:100%;margin-top:50px}.main-home .contact-section .contact-container form{display:flex;flex-direction:column;max-width:470px;width:100%;background-color:#f7f7f7;padding:20px;border-radius:10px}.main-home .contact-section .contact-container form label{font-family:Raleway;font-size:20;font-weight:500}.main-home .contact-section .contact-container form input,.main-home .contact-section .contact-container form textarea{margin-bottom:30px;background-color:transparent;border-style:solid;border-bottom-width:1px;border-top-width:0;border-left-width:0;border-right-width:0;border-color:#333}.main-home .contact-section .contact-container form input{height:40px}.main-home .contact-section .contact-container form textarea{height:200px}.main-home .contact-section .contact-container form button{font-family:Raleway;font-size:20px;font-weight:700;height:45px;background-color:#8860d0;color:#fff;display:flex;align-items:center;justify-content:center;border-style:none;border-radius:5px;cursor:pointer}.main-home .contact-section .contact-container>p{font-family:Raleway;font-size:24px;text-align:center}.main-home .contact-section .contact-container>p>span{color:#8860d0;font-weight:700}.main-home .contact-section .scroll-top-btn{border-width:2px;border-radius:100%;border-color:#333;border-style:solid;background-color:transparent;position:fixed;bottom:30px;right:30px;cursor:pointer;z-index:1000}.main-home .contact-section .scroll-top-btn img{width:20px;height:25px;filter:invert(0%);transition:filter .3s ease;padding-top:3px}.main-home .contact-section .scroll-top-btn.over-footer{border:.5px solid white}.main-home .contact-section .scroll-top-btn.over-footer img{filter:invert(100%)}@media (max-width: 1024px){.main-home section h2{font-size:32px}.main-home section h3{font-size:24px}.main-home .skills-section h3{font-size:24px}.main-home .skills-section .skills-group .skills-block .group>img{max-height:60px;height:auto}.main-home .services-section .services-cards{gap:30px}.main-home .contact-section .contact-container{gap:60px}}@media (max-width: 768px){.main-home .about-section .about-content{flex-direction:column}.main-home .about-section .about-content .picture-btn>input{max-width:280px}.main-home .about-section .about-content>p{max-width:100%}.main-home .about-section blockquote{margin:60px 0}.main-home .skills-section .skills .skills-block{gap:40px}.main-home .projects-section .cards-grid{grid-template-columns:repeat(1,1fr);gap:40px}.main-home .services-section .services-cards{grid-template-columns:repeat(1,2fr)}}@media (max-width: 425px){.main-home section h2{margin-top:30px}.main-home .about-section blockquote{font-size:28px;margin:30px 0}.main-home .skills-section{padding-bottom:30px}.main-home .skills-section .skills .skills-block{gap:20px}.main-home .skills-section .skills .skills-block .group>img{max-width:40px;height:auto;height:40px}.main-home .projects-section{margin-bottom:60px}.main-home .projects-section .cards-grid{margin-bottom:50px}.main-home .services-section>p{margin:60px}}.card{background-color:#f5f5f5;max-width:600px;width:100%;max-height:305px;height:auto;box-shadow:0 -4px 4px #0000000d,-4px 0 4px #0000000d,4px 0 4px #0000000d,0 4px 4px #0000000d;position:relative;overflow:hidden;transition:transform .3s ease;border-top-style:solid;border-top-width:3px;border-top-color:#8860d0;border-radius:6px;cursor:pointer}.card:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000;transition:background-color .3s ease;pointer-events:none}.card:hover{transform:translateY(-5px)}.card:hover:after{background-color:#0006}.card:hover .card__text{opacity:1}.card .cover{object-fit:cover;overflow:hidden;width:100%}.card .card__text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-family:Raleway,sans-serif;font-weight:600;font-size:24px;opacity:0;transition:opacity .3s ease;z-index:2;pointer-events:none}.carrousel{width:100%;max-width:700px;max-height:300px;height:100%;border-radius:25px;position:relative;display:flex;justify-content:center;align-items:center;flex-direction:row;overflow:hidden;border-style:solid;border-width:1px;margin:auto}.carrousel .slide{object-fit:contain;width:100%;height:100%;transition:transform .2s ease-in-out}.carrousel button img{height:40px;width:27px}.carrousel .image-counter{position:absolute;bottom:10px;left:50%;transform:translate(-50%);color:#fff;font-size:34px;font-weight:500;text-shadow:0px 0px 5px rgba(0,0,0,.7);padding:5px 10px;border-radius:5px}.carrousel .previous,.carrousel .next{position:absolute;background-color:transparent;height:80px;border:none;cursor:pointer}.carrousel .previous{left:10px}.carrousel .next{right:10px}@media (max-width: 768px){.carrousel{max-height:300px;height:auto}}@media (max-width: 375px){.main-project{width:100%;box-sizing:border-box;padding:30px 20px}.carrousel{height:255px;width:100%}.carrousel button img{height:20px;width:15px}}.service-card{max-width:304px;height:325px;display:flex;flex-direction:column;align-items:center;padding:20px;border-radius:6px;border-style:solid;border-width:thin;box-shadow:6px 6px #0003,0 4px 10px #00000014;background-color:#fff;transition:all .45s ease}.service-card:hover{background-color:#8860d0;color:#fff;border-color:#8860d0}.service-card:hover h3{filter:brightness(0) invert(1)}.service-card:hover>img{filter:brightness(0) invert(1)}.service-card>img{height:80px;width:auto}.service-card>h3{font-family:Monda;font-size:28px;text-align:center;margin-bottom:0;line-height:30px;color:#333}.service-card>p{font-family:Raleway;font-size:18px;font-weight:500;text-align:center;margin-top:20px;margin-bottom:0}@media (max-width: 1024px){.service-card>img{height:60px}}@media (max-width: 768px){.service-card{height:250px;max-width:400px}}@media (max-width: 425px){.service-card>img{height:50px}}@media (max-width: 375px){.service-card{height:280px}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:flex-end;align-items:center;z-index:1000;opacity:0;animation:fadeIn .3s forwards}@keyframes fadeIn{to{opacity:1}}.modal-content{background-color:#fafafa;width:80%;max-width:800px;height:100%;padding:30px;box-shadow:-5px 0 20px #0003;position:relative;transform:translate(100%);animation:slideIn .3s forwards;overflow-y:auto}.modal-content .modal-close{position:absolute;top:15px;right:20px;font-size:28px;background:none;border:none;cursor:pointer;color:#8860d0}.modal-content .title-link{display:flex;justify-content:space-between;align-items:center}.modal-content .title-link .project-title{font-family:Raleway;font-size:28px;font-weight:700}.modal-content .title-link>p{font-family:Raleway}.modal-content .title-link>p>a{color:#252525;text-decoration-line:underline}.modal-content .technology-list{margin:20px 0 0;padding:0;display:flex;gap:10px;flex-wrap:wrap}.modal-content .technology-list>li{list-style:none;font-family:Raleway;font-size:16px;font-weight:600;margin-bottom:5px;margin-top:0;border-style:solid;border-width:1px;border-color:#8860d0;color:#8860d0;width:fit-content;padding:5px 10px;border-radius:10px;cursor:default}.modal-content .technology-list>li:hover{background-color:#8860d0;color:#fff;border-color:#8860d0}.modal-content .description-title{font-family:Raleway;font-size:24px;font-weight:700;width:100%;height:45px;color:#333;display:flex;align-items:center;margin-bottom:0}.modal-content .text{font-family:Raleway;color:#333;font-size:18px;margin-top:0}.modal-content .second-title{font-family:Raleway;font-size:24px;font-weight:700;margin-top:50px}.modal-content .formation{display:flex;gap:10px;width:fit-content;justify-content:flex-end;align-items:center}.modal-content .formation p{font-family:Raleway;font-size:12px}.modal-content .formation img{width:24px;height:24px}@keyframes slideIn{to{transform:translate(0)}}@media (max-width: 768px){.modal-overlay .modal-content{width:90%}}@media (max-width: 425px){.modal-overlay .modal-content{width:100%;padding:20px}}*{box-sizing:border-box}html,body{width:100%;height:100%;display:flex;margin:0 auto;scroll-behavior:smooth}html .sr-only,body .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html #root,body #root{max-width:100vw;width:100%;margin:0 auto}html a,body a{text-decoration:none}