body{background-color:#121921}@media(min-width:1025px){body{max-width:1100px;margin:0 auto}}body #root{display:grid;grid-template-rows:auto 1fr auto;height:100dvh;padding:20px}body #root main{margin-bottom:20px}body #root main div.home h2{color:#fff;font-weight:bolder;position:relative;margin-bottom:35px}@media(max-width:1024px)and (min-width:768px){body #root main div.home h2{font-size:2.8rem}}@media(min-width:1025px){body #root main div.home h2{font-size:2.8rem}}body #root main div.home h2:after{content:"";display:block;width:20%;height:3px;margin-top:4px;background-color:#498ae7}@media(max-width:1024px)and (min-width:768px){body #root main div.home h2:after{width:16%;height:6px;border-radius:5px}}@media(min-width:1025px){body #root main div.home h2:after{width:9%;height:6px;border-radius:5px}}body #root main div.home section{margin:15px 0}body #root main div.home section:nth-child(1){margin-top:25px}body #root main div.home section:nth-child(1)>span{color:#4a8ceb;background-color:#1c2f49;padding:6px 8px;border-radius:15px;text-align:center;font-size:smaller}@media(max-width:1024px)and (min-width:768px){body #root main div.home section:nth-child(1)>span{font-size:1.3rem;padding:8px 10px}}body #root main div.home section:nth-child(1) h1{color:#fff;margin-bottom:15px;margin-top:8px;font-size:2.2rem;line-height:2.4rem}@media(max-width:1024px)and (min-width:768px){body #root main div.home section:nth-child(1) h1{font-size:3.5rem;line-height:3.2rem;margin-top:18px;margin-bottom:26px}}@media(min-width:1025px){body #root main div.home section:nth-child(1) h1{font-size:3.5rem;line-height:3.2rem;margin-top:18px;margin-bottom:20px;width:20ch}}body #root main div.home section:nth-child(1) h1>span{color:#4a8ceb}body #root main div.home section:nth-child(1) div:nth-child(3){margin-bottom:15px}body #root main div.home section:nth-child(1) div:nth-child(3) p{color:#818c9f}@media(max-width:1024px)and (min-width:768px){body #root main div.home section:nth-child(1) div:nth-child(3) p{font-size:1.45rem}}@media(min-width:1025px){body #root main div.home section:nth-child(1) div:nth-child(3) p{width:50ch;font-size:1.45rem;margin-bottom:50px}}body #root main div.home section:nth-child(1) div:nth-child(4){display:flex;flex-direction:column;gap:10px;margin-bottom:45px}@media(max-width:1024px)and (min-width:768px){body #root main div.home section:nth-child(1) div:nth-child(4){flex-direction:row}}@media(min-width:1025px){body #root main div.home section:nth-child(1) div:nth-child(4){flex-direction:row}}body #root main div.home section:nth-child(1) div:nth-child(4) a{color:#fff;font-weight:700;padding:8px 10px;text-align:center;max-width:fit-content;border-radius:6px}@media(max-width:1024px)and (min-width:768px){body #root main div.home section:nth-child(1) div:nth-child(4) a{padding:14px 16px}}@media(min-width:1025px){body #root main div.home section:nth-child(1) div:nth-child(4) a{padding:14px 16px;font-size:1.45rem}}body #root main div.home section:nth-child(1) div:nth-child(4) a:first-child{background-color:#498ae7}body #root main div.home section:nth-child(1) div:nth-child(4) a:nth-child(2){background-color:#20293a}body #root main div.home section.projects{display:flex;flex-direction:column;gap:20px;margin-bottom:45px}@media(max-width:1024px)and (min-width:768px){body #root main div.home section.projects{flex-direction:row;flex-wrap:wrap;box-sizing:border-box;margin-bottom:150px}}@media(min-width:1025px){body #root main div.home section.projects{flex-direction:row;flex-wrap:wrap;box-sizing:border-box;margin-bottom:150px}}body #root main div.home section.projects>article{display:flex;flex-direction:column;background-color:#20293a;padding-bottom:20px;border-radius:10px}@media(max-width:1024px)and (min-width:768px){body #root main div.home section.projects>article{flex:0 0 calc(50% - 10px)}}@media(min-width:1025px){body #root main div.home section.projects>article{flex:0 0 calc(33.333% - 14px)}}body #root main div.home section.projects>article .image-container{width:100%}@media(max-width:1024px)and (min-width:768px){body #root main div.home section.projects>article .image-container{aspect-ratio:16/9;overflow:hidden}}@media(min-width:1025px){body #root main div.home section.projects>article .image-container{aspect-ratio:16/9;overflow:hidden}}body #root main div.home section.projects>article .image-container img{border-top-left-radius:10px;border-top-right-radius:10px}body #root main div.home section.projects>article .description{box-sizing:border-box;padding:10px;margin:5px 0 0}@media(max-width:1024px)and (min-width:768px){body #root main div.home section.projects>article .description{flex:1;margin:0 6px}}@media(min-width:1025px){body #root main div.home section.projects>article .description{flex:1;margin:0 6px}}body #root main div.home section.projects>article .description h3{color:#fff;font-weight:700}@media(max-width:1024px)and (min-width:768px){body #root main div.home section.projects>article .description h3{font-size:1.8rem;margin:4px 6px}}@media(min-width:1025px){body #root main div.home section.projects>article .description h3{font-size:1.8rem;margin:4px 6px}}body #root main div.home section.projects>article .description p.description{color:#818c9f;padding:0}@media(max-width:1024px)and (min-width:768px){body #root main div.home section.projects>article .description p.description{font-size:1.3rem}}@media(min-width:1025px){body #root main div.home section.projects>article .description p.description{font-size:1.3rem}}body #root main div.home section.projects>article .technologies{display:flex;flex-wrap:wrap;gap:10px;padding:10px;box-sizing:border-box;margin-bottom:10px}@media(max-width:1024px)and (min-width:768px){body #root main div.home section.projects>article .technologies{margin:0 6px 8px}}@media(min-width:1025px){body #root main div.home section.projects>article .technologies{margin:0 6px 8px}}body #root main div.home section.projects>article .technologies p{color:#fff;background-color:#364153;padding:3px 8px;border-radius:5px;font-size:15px}@media(max-width:1024px)and (min-width:768px){body #root main div.home section.projects>article .technologies p{font-size:1.1rem;padding:6px 12px}}@media(min-width:1025px){body #root main div.home section.projects>article .technologies p{font-size:1.1rem;padding:6px 12px}}body #root main div.home section.projects>article a{display:flex;justify-content:center;margin:0 10px;box-sizing:border-box;padding:5px 0;font-weight:600;background-color:#22314b;color:#4a8ceb;border-radius:5px}@media(max-width:1024px)and (min-width:768px){body #root main div.home section.projects>article a{font-size:1.2rem;padding:8px 0;margin:0 16px}}@media(min-width:1025px){body #root main div.home section.projects>article a{font-size:1.2rem;padding:8px 0;margin:0 16px}}@media(max-width:1024px)and (min-width:768px){body #root main div.home section.technologies{display:flex;justify-content:center;flex-direction:column}}body #root main div.home section.technologies h3{color:#fff;font-size:2.4rem;text-align:center}@media(max-width:1024px)and (min-width:768px){body #root main div.home section.technologies h3{font-size:2.8rem}}@media(min-width:1025px){body #root main div.home section.technologies h3{font-size:2.8rem}}body #root main div.home section.technologies p{color:#818c9f;margin:8px 0;text-align:center}@media(max-width:1024px)and (min-width:768px){body #root main div.home section.technologies p{font-size:1.6rem;margin:10px 0 60px}}@media(min-width:1025px){body #root main div.home section.technologies p{font-size:1.6rem;margin:10px auto 60px;max-width:80%}}body #root main div.home section.technologies>div{display:grid;grid-template-columns:1fr 1fr;gap:18px;aspect-ratio:1/1;margin-top:20px}@media(max-width:1024px)and (min-width:768px){body #root main div.home section.technologies>div{grid-template-columns:repeat(4,1fr);aspect-ratio:auto}}@media(min-width:1025px){body #root main div.home section.technologies>div{grid-template-columns:repeat(6,1fr);aspect-ratio:auto;margin-bottom:100px}}body #root main div.home section.technologies>div>div{padding:25px;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#171f2b;border-radius:10px}@media(max-width:1024px)and (min-width:768px){body #root main div.home section.technologies>div>div{padding:40px}}@media(min-width:1025px){body #root main div.home section.technologies>div>div{padding:40px}}body #root main div.home section.technologies>div h5{margin-top:4px;color:#fff}body #root main div.contact h1{color:#fff;margin-bottom:15px;margin-top:24px;font-size:2.2rem;line-height:2.4rem}@media(max-width:1024px)and (min-width:768px){body #root main div.contact h1{font-size:2.8rem}}@media(min-width:1025px){body #root main div.contact h1{font-size:2.8rem;text-align:center}}body #root main div.contact p.contact{color:#818c9f;margin-bottom:30px}@media(max-width:1024px)and (min-width:768px){body #root main div.contact p.contact{font-size:1.4rem}}@media(min-width:1025px){body #root main div.contact p.contact{font-size:1.4rem;text-align:center;width:40ch;margin:0 auto 50px}}body #root main div.contact form{display:flex;flex-direction:column;gap:15px}@media(min-width:1025px){body #root main div.contact form{width:50%;margin:0 auto}}body #root main div.contact form label.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body #root main div.contact form input,body #root main div.contact form textarea{border:1px solid #3D4D5C;background-color:#1f262e;border-radius:12px;padding:15px;width:100%;color:#fff;resize:none}@media(max-width:1024px)and (min-width:768px){body #root main div.contact form input,body #root main div.contact form textarea{font-size:1.3rem}}@media(min-width:1025px){body #root main div.contact form input,body #root main div.contact form textarea{font-size:1.3rem}}body #root main div.contact form input.message,body #root main div.contact form textarea.message{height:144px}body #root main div.contact form p.error{color:#e42525;margin-left:4px;font-size:12.5px;line-height:18px;font-weight:200;margin-top:5px}@media(max-width:1024px)and (min-width:768px){body #root main div.contact form p.error{font-size:1.1rem}}@media(min-width:1025px){body #root main div.contact form p.error{font-size:1.1rem}}body #root main div.contact form button{background-color:#498ae7;color:#fff;font-weight:700;font-size:14px;line-height:21px;border-radius:28px;padding:12px 16px}@media(max-width:1024px)and (min-width:768px){body #root main div.contact form button{margin-top:50px;font-size:1.4rem;padding:18px 22px}}@media(min-width:1025px){body #root main div.contact form button{margin-top:50px;font-size:1.4rem;padding:18px 22px}}body #root main div.contact form button:hover{background-color:#2e79e3}@media(min-width:1025px){body #root main div.about{max-width:80%;margin:0 auto}}body #root main div.about header.normal{margin-top:24px;margin-bottom:35px}@media(max-width:1024px)and (min-width:768px){body #root main div.about header.normal{display:grid;grid-template-columns:auto 1fr;column-gap:20px}}@media(min-width:1025px){body #root main div.about header.normal{display:grid;grid-template-columns:auto 1fr;column-gap:20px;margin-top:24px;margin-bottom:80px;width:60%}}body #root main div.about header.normal img{max-width:100px;border-radius:100%;aspect-ratio:1/1;object-fit:contain;background-color:#fff;border:3px solid rgba(7,62,113,.6);margin-bottom:12px}@media(max-width:1024px)and (min-width:768px){body #root main div.about header.normal img{grid-area:1/1/span 2/1;justify-content:center;margin:0}}@media(min-width:1025px){body #root main div.about header.normal img{grid-area:1/1/span 2/1;justify-content:center;max-width:160px;margin:0}}body #root main div.about header.normal h2{display:flex;flex-wrap:wrap;column-gap:6px;font-size:28px;color:#fff;margin-bottom:4px}@media(max-width:1024px)and (min-width:768px){body #root main div.about header.normal h2{margin:0;align-content:end;font-size:2rem}}@media(min-width:1025px){body #root main div.about header.normal h2{margin:0;align-content:end;font-size:2rem;line-height:normal}}body #root main div.about header.normal h2 span.name{color:#4a8ceb}body #root main div.about header.normal p:nth-of-type(1){color:#818c9f}@media(max-width:1024px)and (min-width:768px){body #root main div.about header.normal p:nth-of-type(1){font-size:1rem}}@media(min-width:1025px){body #root main div.about header.normal p:nth-of-type(1){font-size:1rem}}@media(min-width:1025px){body #root main div.about header.error{width:100%}}body #root main div.about h1{color:#fff;font-size:22px;border-left:3px solid rgb(73,138,231);padding:10px 12px;margin-bottom:16px}@media(max-width:1024px)and (min-width:768px){body #root main div.about h1{font-size:2rem}}@media(min-width:1025px){body #root main div.about h1{font-size:2rem}}body #root main div.about section.about-data{display:flex;flex-direction:column;row-gap:10px}body #root main div.about section.about-data p{color:#fff}@media(max-width:1024px)and (min-width:768px){body #root main div.about section.about-data p{font-size:1.1rem}}@media(min-width:1025px){body #root main div.about section.about-data p{font-size:1.1rem}}body #root main div.about section.about-data p.faded{mask-image:linear-gradient(to bottom,#000,#0006);-webkit-mask-image:linear-gradient(to bottom,rgb(0,0,0),rgba(0,0,0,.4))}body #root main div.about section.about-data button{align-self:center;background-color:#498ae7;color:#fff;padding:5px;width:50%;border-radius:10px;margin-top:16px;margin-bottom:38px}@media(max-width:1024px)and (min-width:768px){body #root main div.about section.about-data button{margin-bottom:60px;width:20%}}@media(min-width:1025px){body #root main div.about section.about-data button{margin-bottom:60px;width:15%}}body #root main div.about section.experience{margin-bottom:60px}body #root main div.about section.experience h3{color:#fff;font-weight:700;font-size:22px}@media(max-width:1024px)and (min-width:768px){body #root main div.about section.experience h3{font-size:1.8rem;margin-bottom:20px}}@media(min-width:1025px){body #root main div.about section.experience h3{font-size:1.8rem;margin-bottom:20px}}body #root main div.about section.experience>div{border-left:1px solid rgb(39,54,71);margin-left:20px}body #root main div.about section.experience>div article{margin:15px}body #root main div.about section.experience>div article>div{position:relative}body #root main div.about section.experience>div article>div h4{display:flex;align-items:center;color:#fff;gap:6px}body #root main div.about section.experience>div article>div h4:before{content:" ";width:8px;height:8px;border-radius:50%;aspect-ratio:1/1;background-color:#4a8ceb}body #root main div.about section.experience>div article>div p{margin-left:14px}body #root main div.about section.experience>div article>div p:nth-of-type(1){color:#4a8ceb;font-weight:700;font-size:14px}body #root main div.about section.experience>div article>div p:nth-of-type(2){margin-top:8px;margin-bottom:25px;font-size:15px;color:#fff}body #root main div.about section.core-principles{display:flex;flex-direction:column;row-gap:20px}@media(max-width:1024px)and (min-width:768px){body #root main div.about section.core-principles{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}}@media(min-width:1025px){body #root main div.about section.core-principles{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}}body #root main div.about section.core-principles h2{color:#fff;text-align:center;font-size:20px}@media(max-width:1024px)and (min-width:768px){body #root main div.about section.core-principles h2{grid-area:1/1/1/span 3;margin-bottom:30px;font-size:1.6rem}}@media(min-width:1025px){body #root main div.about section.core-principles h2{grid-area:1/1/1/span 3;margin-bottom:30px;font-size:1.6rem}}body #root main div.about section.core-principles article{background-color:#1c2631;border:1px solid rgb(36,50,65);border-radius:14px;padding:40px}body #root main div.about section.core-principles article img{background-color:#213044;padding:16px;border-radius:20px;margin-bottom:12px}body #root main div.about section.core-principles article h4{color:#fff;font-weight:700;font-size:20px;margin-bottom:4px}body #root main div.about section.core-principles article p{color:#818c9f;font-size:14px}body #root main div.projects header{margin-top:16px;margin-bottom:30px}@media(max-width:1024px)and (min-width:768px){body #root main div.projects header{margin-bottom:60px;margin-top:30px}}@media(min-width:1025px){body #root main div.projects header{margin-bottom:60px;margin-top:30px}}body #root main div.projects header h1{color:#fff;margin-bottom:12px}body #root main div.projects header h1 span{color:#4a8ceb}@media(max-width:1024px)and (min-width:768px){body #root main div.projects header h1{font-size:2.8rem}}@media(min-width:1025px){body #root main div.projects header h1{font-size:3.2rem}}body #root main div.projects header p{color:#818c9f}@media(max-width:1024px)and (min-width:768px){body #root main div.projects header p{font-size:1.5rem}}@media(min-width:1025px){body #root main div.projects header p{font-size:1.6rem}}body #root main div.projects section ul{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:35px}@media(max-width:1024px)and (min-width:768px){body #root main div.projects section ul{margin-top:70px;margin-bottom:30px}}@media(min-width:1025px){body #root main div.projects section ul{margin-top:70px;margin-bottom:30px}}body #root main div.projects section ul li{padding:6px 14px;color:#818c9f;background-color:#22314b;border-radius:24px;cursor:pointer}body #root main div.projects section ul li.selected{background-color:#498ae7;color:#fff}@media(max-width:1024px)and (min-width:768px){body #root main div.projects section ul li{font-size:1.4rem}}@media(min-width:1025px){body #root main div.projects section ul li{font-size:1.4rem;margin-top:40px;margin-bottom:10px}}body #root main div.projects section div.project-data{display:flex;flex-direction:column;gap:20px;margin-bottom:20px}@media(max-width:1024px)and (min-width:768px){body #root main div.projects section div.project-data{flex-direction:row;flex-wrap:wrap;box-sizing:border-box}}@media(min-width:1025px){body #root main div.projects section div.project-data{flex-direction:row;flex-wrap:wrap;box-sizing:border-box}}body #root main div.projects section div.project-data article{background-color:#20293a;padding-bottom:20px;border-radius:10px}@media(max-width:1024px)and (min-width:768px){body #root main div.projects section div.project-data article{display:flex;flex-direction:column;flex:0 0 calc(50% - 10px)}}@media(min-width:1025px){body #root main div.projects section div.project-data article{display:flex;flex-direction:column;flex:0 0 calc(33.33% - 14px)}}body #root main div.projects section div.project-data article .image-container{width:100%}@media(max-width:1024px)and (min-width:768px){body #root main div.projects section div.project-data article .image-container{aspect-ratio:16/9;overflow:hidden}}@media(min-width:1025px){body #root main div.projects section div.project-data article .image-container{aspect-ratio:16/9;overflow:hidden}}body #root main div.projects section div.project-data article .image-container img{border-top-left-radius:10px;border-top-right-radius:10px}body #root main div.projects section div.project-data article .description{box-sizing:border-box;padding:10px;margin:5px 0 0}@media(max-width:1024px)and (min-width:768px){body #root main div.projects section div.project-data article .description{flex:1}}@media(min-width:1025px){body #root main div.projects section div.project-data article .description{flex:1}}body #root main div.projects section div.project-data article .description h3{color:#fff;font-weight:700}@media(max-width:1024px)and (min-width:768px){body #root main div.projects section div.project-data article .description h3{font-size:1.8rem}}@media(min-width:1025px){body #root main div.projects section div.project-data article .description h3{font-size:1.8rem;padding:0 20px}}body #root main div.projects section div.project-data article .description p.description{color:#818c9f;padding:0}@media(max-width:1024px)and (min-width:768px){body #root main div.projects section div.project-data article .description p.description{font-size:1.3rem}}@media(min-width:1025px){body #root main div.projects section div.project-data article .description p.description{font-size:1.3rem;padding:0 20px}}body #root main div.projects section div.project-data article .technologies{display:flex;flex-wrap:wrap;gap:10px;padding:10px;box-sizing:border-box;margin-bottom:10px}@media(min-width:1025px){body #root main div.projects section div.project-data article .technologies{padding:10px 26px}}body #root main div.projects section div.project-data article .technologies p{color:#fff;background-color:#364153;padding:3px 8px;border-radius:5px;font-size:15px}@media(max-width:1024px)and (min-width:768px){body #root main div.projects section div.project-data article .technologies p{font-size:1.1rem}}@media(min-width:1025px){body #root main div.projects section div.project-data article .technologies p{font-size:1.1rem}}body #root main div.projects section div.project-data article a{display:flex;justify-content:center;margin:0 10px;box-sizing:border-box;padding:5px 0;font-weight:600;background-color:#22314b;color:#4a8ceb;border-radius:5px}@media(max-width:1024px)and (min-width:768px){body #root main div.projects section div.project-data article a{font-size:1.2rem}}@media(min-width:1025px){body #root main div.projects section div.project-data article a{font-size:1.2rem;width:84%;margin:0 auto}}body #root main div.projects section div.empty-category{display:flex;flex-direction:column;align-items:center;background-color:#20293a;padding:50px 30px;border-radius:20px}body #root main div.projects section div.empty-category .empty-icon{padding:20px;aspect-ratio:1/1;background-color:#121921;border-radius:10px}body #root main div.projects section div.empty-category h3{font-size:26px;color:#fff;text-align:center;max-width:330px;margin-top:20px;margin-bottom:8px}body #root main div.projects section div.empty-category h3 span{color:#4a8ceb}body #root main div.projects section div.empty-category p{text-align:center;max-width:220px;color:#818c9f}body #root footer{display:flex;flex-direction:column-reverse;align-items:center;padding:20px}body #root footer div.copyright p{color:#fff}body #root footer div.socials{display:flex;justify-content:space-between;gap:20px;margin-top:20px}body #root footer div.socials div{display:flex;padding:15px;border:1px solid rgba(128,128,128,.2);border-radius:50%;aspect-ratio:1/1;transition:all .3s ease}body #root footer div.socials div:hover{transform:scale(1.2);transition:all .3s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:100%}body{min-height:100dvh;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas{display:block;max-width:100%;height:auto;object-fit:cover}input,button,textarea,select{font:inherit;color:inherit;background:none;border:none;outline:none}button{cursor:pointer;background-color:transparent}a{text-decoration:none;color:inherit}ul,ol{list-style:none;padding:0;margin:0}table{border-collapse:collapse;width:100%}#root,#__next{isolation:isolate}::selection{background-color:#000;color:#fff}div.loader-page{display:flex;flex-direction:column;gap:20px}@media(max-width:1024px)and (min-width:768px){div.loader-page{flex-direction:row;flex-wrap:wrap;margin-bottom:80px}}@media(min-width:1025px){div.loader-page{flex-direction:row;margin-bottom:80px}}div.loader-page div.project-loader-container{display:flex;flex-direction:column;gap:6px;background:#20293a;width:100%;border-radius:10px;padding:10px;animation:pulse 1.5s infinite}@media(max-width:1024px)and (min-width:768px){div.loader-page div.project-loader-container{flex:0 0 calc(50% - 10px)}}@media(min-width:1025px){div.loader-page div.project-loader-container{flex:0 0 calc(33.33% - 10px)}}div.loader-page div.project-loader-container .image-loader{width:100%;height:200px;aspect-ratio:1/1;border-radius:5px;background-color:#364153}div.loader-page div.project-loader-container .title-loader{width:60%;height:20px;border-radius:5px;background-color:#364153}div.loader-page div.project-loader-container .description-loader{display:flex;flex-direction:column;gap:5px;width:100%;justify-content:center;border-radius:5px}div.loader-page div.project-loader-container .description-loader>div{width:100%;background-color:#364153;border-radius:5px}div.loader-page div.project-loader-container .description-loader>div:nth-child(1){height:15px;width:100%}div.loader-page div.project-loader-container .description-loader>div:nth-child(2){height:15px;width:46%}div.loader-page div.project-loader-container .stack-loader{display:flex;gap:10px}div.loader-page div.project-loader-container .stack-loader>div{background-color:#364153;height:18px;border-radius:5px}div.loader-page div.project-loader-container .stack-loader>div:nth-child(1){width:20%}div.loader-page div.project-loader-container .stack-loader>div:nth-child(2){width:25%}div.loader-page div.project-loader-container .stack-loader>div:nth-child(3){width:15%}header.loading{width:100%;background-color:#20293a;align-items:center;padding:20px;border-radius:10px;display:grid;grid-template-columns:auto 1fr;column-gap:10px;animation:pulse 1.5s infinite;margin-bottom:50px;margin-top:30px}@media(max-width:1024px)and (min-width:768px){header.loading{width:100%;place-self:left;column-gap:30px;padding:40px}}@media(min-width:1025px){header.loading{padding:50px;place-self:center;column-gap:40px}}header.loading div.image{grid-area:1/1/span 2/1;height:80px;aspect-ratio:1/1;background-color:#364153;border-radius:50%}@media(max-width:1024px)and (min-width:768px){header.loading div.image{height:120px}}@media(min-width:1025px){header.loading div.image{height:150px}}header.loading div.name{width:100%;height:18px;background-color:#364153;align-self:end;border-radius:10px}@media(max-width:1024px)and (min-width:768px){header.loading div.name{grid-area:1/2/1/2;width:80%;height:30px}}@media(min-width:1025px){header.loading div.name{grid-area:1/2/1/2;height:40px}}header.loading div.info{width:70%;height:14px;background-color:#364153;border-radius:10px}@media(max-width:1024px)and (min-width:768px){header.loading div.info{height:25px;width:60%}}@media(min-width:1025px){header.loading div.info{height:30px}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}div.container-img img{border-radius:12px}div.text-container{margin-top:25px;display:flex;flex-direction:column;row-gap:20px;text-align:center}div.text-container h3{color:#fff;font-size:18px;line-height:23px;font-weight:700}div.text-container p{color:#9eadbf;font-size:14px;line-height:21px;margin-bottom:50px}.dot-loader{display:flex;justify-content:center;align-items:center;gap:10px;height:80px}.dot{width:12px;height:12px;border-radius:50%;background-color:#ebebeb}div.error-container{background-color:#1c2631;box-sizing:border-box;padding:50px 40px;grid-area:1/1/1/span 2;text-align:center;display:flex;flex-direction:column;align-items:center;row-gap:10px;border-radius:10px;border:1px solid rgb(36,50,65)}div.error-container h3{color:#fff;font-size:2rem}div.error-container p{margin-bottom:15px;max-width:40ch}div.error-container a{display:block;text-align:center;padding:10px 50px;background-color:#1f262e;color:#fff;border:.5px solid rgb(66,66,66);border-radius:10px;place-self:center;transition:.3s}div.error-container a:hover{opacity:.5;transition:.3s}nav{display:flex;justify-content:space-between}nav .overlay{position:fixed;top:0;left:0;height:100vh;width:100vw;background-color:#00000080;z-index:9998;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity .3s ease-in-out}nav #second-name{font-size:18px;line-height:23px;color:#fff}nav .desktop{display:none}@media(min-width:1025px){nav{flex-direction:row-reverse;margin-bottom:35px}nav .desktop{display:flex;gap:20px}nav .desktop li{color:#fff}nav .desktop a:hover{color:#d1d5db;text-decoration:underline}nav .mobile{display:none}}ul.portal{position:fixed;top:0;right:0;height:100vh;width:85vw;padding:16px;z-index:9999;text-transform:uppercase;background-color:#141a1f;transform:translate(100%);opacity:0;pointer-events:none;display:flex;flex-direction:column;gap:12px;transition:transform .3s ease-in-out,opacity .3s ease-in-out}ul.portal.active{transform:translate(0);opacity:1;pointer-events:auto}ul.portal li{color:#fff;font-weight:700;padding:8px;border-radius:18px;display:flex}ul.portal li a{width:100%}ul.portal li:hover{background-color:#2b3640}div.container-confirmation{min-height:95dvh;place-content:center}div.container-confirmation div.confirmation{display:flex;flex-direction:column;align-items:center;text-align:center;row-gap:15px;background-color:#212936;padding:50px 10px;border-radius:10px}div.container-confirmation div.confirmation h1{color:#fff}div.container-confirmation div.confirmation p.contact{max-width:40ch;text-wrap:balance;margin-bottom:15px;color:#818c9f}div.container-confirmation div.confirmation>a{display:flex;justify-self:center;align-self:center;text-align:center;background-color:#fff;color:#000;font-weight:700;font-size:14px;line-height:21px;border-radius:28px;padding:12px 16px;transition:all .3s ease-in-out}div.container-confirmation div.confirmation>a:hover{scale:1.1}