nav{padding:30px}nav a{font-weight:700;color:#2c3e50}nav a.router-link-exact-active{color:#42b983}h3[data-v-ebbc34ee]{margin:40px 0 0}ul[data-v-ebbc34ee]{list-style-type:none;padding:0}li[data-v-ebbc34ee]{display:inline-block;margin:0 10px}a[data-v-ebbc34ee]{color:#42b983}nav[data-v-491ccf52]{position:fixed;width:100%;margin:0;padding:0;z-index:2}nav ul[data-v-491ccf52]{display:flex;justify-content:end;gap:20px;padding:20px 40px}nav ul li[data-v-491ccf52]{list-style:none}nav ul li a[data-v-491ccf52]{color:#fff;text-decoration:none;font-weight:100}nav .mobile-nav[data-v-491ccf52]{flex-direction:column}.scrolled-nav[data-v-491ccf52]{background-color:#161616}.image-hardskill-container{width:60px;height:60px;margin-bottom:8px}.image-hardskill-container img{background:transparent;width:100%;-o-object-fit:cover;object-fit:cover}.card-softskill{width:180px;height:258px;background-color:#fefefe;border-radius:8px;overflow:hidden;color:#232323}.card-softskill p{color:#000}.card-softskill .image-container{width:100%;height:200px;transition:height .3s}.card-softskill .image-container img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.card-softskill .text-container{padding:8px}.card-softskill .text-container h3{margin-bottom:6px}.card-softskill:hover .image-container{height:80px}.experience-section{flex-direction:column;justify-content:start;margin-top:220px}.experience-section .container-header{display:flex;margin-bottom:20px;justify-content:space-between}.experience-section .container-header .container-text{width:50%}.experience-section .container-header .container-text .text-title p{margin-top:12px}.experience-section .container-header .container-text .button-container{margin-top:20px;display:flex;gap:20px}.experience-section .container-header .container-text .button-container .button{width:-moz-max-content;width:max-content}.experience-section .container-header .container-image{width:45%}.experience-section .container-header .container-image img{width:100%}.experience-section .container-experience{width:100%;margin-top:180px}:root{--black:#161616;--blacksec:#232323;--red:#f4143d;--redsec:#dd0c33;--white:#e7e7e7;--whitesec:#a6a6a6;--Yellow:#f49b14}*{margin:0;padding:0}body{background-color:var(--black)}#app{font-family:Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--white)}.icon{font-size:24px}.title-text-border{width:-moz-max-content;width:max-content;padding:6px 6px;border-left:solid 6px var(--red)}.filled-button{border-radius:2px;background-color:var(--red);color:var(--white);padding:8px 16px;text-decoration:none;margin-top:20px;border:none}.title-head{border-left:6px solid var(--red);padding:0 8px}a{color:var(--white);border:none;text-decoration:none}p{color:var(--whitesec)}.scrolled-nav{background-color:var(--black)}.content-container{display:flex;justify-content:space-between;align-items:center;padding:20px 0;margin:180px 280px}.home-section{min-height:100vh;margin:0 280px}.home-section .description-container{width:40%;text-align:left;color:#fff}.home-section .description-container h1{width:236px;margin-bottom:20px}.home-section .description-container .icon-container{display:flex;width:100%;gap:20px;margin-top:12px}.home-section .description-container .button-group{margin-top:40px;display:flex;gap:16px}.home-section .image-splash-container{width:40%;position:relative;display:flex;align-items:center;justify-content:center}.home-section .image-splash-container .image-container{width:80%}.home-section .image-splash-container .image-container img{width:100%}.home-section .image-splash-container .shape-red{background-color:transparent;position:absolute;right:0;bottom:0;z-index:-100}.home-section .image-splash-container .shape-orange{background-color:transparent;position:absolute;left:0;bottom:-24px}.about-section .shape-container{display:flex;gap:36px;width:40%;height:280px;overflow:hidden;justify-content:center}.about-section .shape-container .shape{width:8%;height:328px;background-color:brown;transform:rotate(30deg)}.about-section .description-container{width:40%}.about-section .description-container h3{margin-top:12px}.skills-section{flex-direction:column;justify-content:start;align-items:start;gap:40px}.skills-section .description-container{width:50%}.skills-section .description-container p{margin-top:16px}.skills-section .softskill-container{margin-top:40px;display:flex;background-color:#232323;border-radius:8px;width:100%;padding:20px 0}.skills-section .softskill-container .description-container{width:20%;padding:0 20px}.skills-section .softskill-container .card-container{margin:0 20px;gap:20px;width:80%;display:flex;justify-content:space-evenly;flex-wrap:wrap;align-items:start}.card-container-hard{display:flex;width:100%;flex-wrap:wrap;gap:40px;justify-content:space-between}.card-container-hard .card-hardskill{width:120px;height:120px;text-align:center;background-color:var(--blacksec);display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:8px}.card-container-hard .card-hardskill:hover{background-color:var(--red);color:var(--black)}.content-experience{display:flex;justify-content:space-between;align-items:center;margin-top:40px}.content-experience .card-working-container{display:flex;width:100%;gap:40px}.content-experience .card-working-container .card-working{width:340px;height:340px;display:flex;align-items:end;position:relative;border-radius:8px;overflow:hidden;box-shadow:2px 4px 4px 0 #000}.content-experience .card-working-container .card-working .date{position:absolute;top:20px;right:20px}.content-experience .card-working-container .card-working .description-container{width:100%;padding:20px}.content-experience .card-working-container .card-working .description-container p{margin-top:8px;color:var(--whitesec)}.content-experience .card-working-container .card-working .description-container .button{margin-top:16px}.content-experience .card-working-container .card-working .image-container{width:100%;height:100%;position:absolute;z-index:-2;opacity:90%;border-radius:8px;overflow:hidden}.content-experience .card-working-container .card-working .image-container img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.content-experience .card-organization-container{width:100%}.content-experience .card-organization-container .card-organization{margin-bottom:80px;display:flex;justify-content:space-between;width:100%;gap:40px}.content-experience .card-organization-container .card-organization .header-container{width:30%;color:var(--white)}.content-experience .card-organization-container .card-organization .header-container p{color:var(--whitesec);margin-top:6px}.content-experience .card-organization-container .card-organization .lists-container{width:65%;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.content-experience .card-organization-container .card-organization .lists-container .list{padding:12px;display:flex;align-items:start;border-radius:8px;gap:12px;width:28%}.content-experience .card-organization-container .card-organization .lists-container .list .image-container{width:-moz-max-content;width:max-content;padding:8px;background-color:var(--red);border-radius:100%;display:flex;align-items:center;justify-content:center}.content-experience .card-organization-container .card-organization .lists-container .list p{width:80%;color:var(--whitesec)}.content-experience .card-image-container{width:20%;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}.content-experience .card-image-container .image-container{width:48%}.content-experience .card-image-container .image-container img{width:100%}.content-experience .card-competition-container{width:60%}.content-experience .card-competition-container .card-competition{margin-bottom:20px;width:100%;display:flex;align-items:center;gap:20px}.content-experience .card-competition-container .card-competition .icon-container{background-color:var(--blacksec);color:var(--Yellow);padding:20px 28px;display:flex;align-items:center;justify-content:center;border-radius:8px}.content-experience .card-competition-container .card-competition .description-container{margin:0;width:100%;color:var(--white)}.content-experience .card-competition-container .card-competition .description-container p{margin-top:8px;color:var(--whitesec)}.content-experience .right-container{width:30%}.content-experience .right-container p{color:var(--whitesec);margin-top:20px}.project-section{flex-direction:column;margin-top:120px}.project-section .header-text{text-align:center}.project-section .card-container{display:flex;flex-wrap:wrap;width:100%;justify-content:space-between;gap:40px;margin-top:80px}.project-section .card-container .card-project{width:380px;background-color:var(--blacksec);padding:20px;color:var(--white);border-radius:12px}.project-section .card-container .card-project .header-text,.project-section .card-container .card-project .header-text .title-text{display:flex;justify-content:space-between;align-items:center}.project-section .card-container .card-project .header-text .title-text h1{font-size:40px;padding:2px 0;border-bottom:3px solid var(--red)}.project-section .card-container .card-project .header-text .title-text p{font-size:16px;transition:.3s linear}.project-section .card-container .card-project .header-text .description-text{margin-top:16px;text-align:end;transition:.3s linear}.project-section .card-container .card-project .header-text .description-text p{margin-top:2px;color:var(--whitesec)}.project-section .card-container .card-project p{margin-top:12px;transition:.3s linear}.project-section .card-container .card-project .image-container{margin-top:12px;width:100%;height:200px;background-color:var(--red);border-radius:8px;overflow:hidden}.project-section .card-container .card-project .image-container img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.project-section .card-container .card-project .button-container{margin-top:12px}.button{padding:10px 16px;border-radius:3px;border:none;cursor:pointer}.button-primary{background-color:var(--red);color:var(--white)}.button-primary:hover{background-color:var(--redsec)}.button-outline{background-color:transparent;border:1px solid var(--whitesec);color:var(--white);height:-moz-fit-content;height:fit-content}.button-outline:hover{background-color:var(--red);border-color:var(--red);transition:.3s linear;color:var(--blacksec)}.tag{padding:12px 20px;border-radius:3px;border:1px solid var(--blacksec);width:-moz-max-content;width:max-content;font-size:14px;background-color:var(--blacksec)}.detail-container .icon-container{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}.detail-container .icon-container .image-container{width:20px;height:20px;padding:12px;background-color:var(--blacksec);border-radius:100%;box-shadow:0 6px 16px 8px rgba(0,0,0,.25)}.detail-container .icon-container .image-container img{width:100%}.detail-container .splash-container{height:100vh;position:relative}.detail-container .splash-container .content{margin-left:280px;color:var(--white);display:flex;flex-direction:column;justify-content:center;height:100%;width:420px;position:relative}.detail-container .splash-container .content h1{font-size:136px;margin-left:80px}.detail-container .splash-container .content .description-project{margin-top:20px}.detail-container .splash-container .content .description-project h2{font-size:56px}.detail-container .splash-container .content .description-project p{color:var(--whitesec)}.detail-container .splash-container .content .description-team{margin-top:80px;display:flex;align-items:center;justify-content:space-between}.detail-container .splash-container .content .description-team .text-container{width:72%}.detail-container .splash-container .content .description-team .text-container h3{margin-bottom:8px}.detail-container .splash-container .content .description-team .button-group{z-index:5}.detail-container .splash-container .content .description-team .button-group .button-outline{width:-moz-max-content;width:max-content}.detail-container .splash-container .content .background-back{position:absolute;z-index:-1;top:0;left:40px;width:100px;height:100%;background-color:var(--blacksec)}.detail-container .splash-container .mockup-container{position:absolute;height:100%;z-index:-2;bottom:0;right:0}.detail-container .splash-container .mockup-container img{height:100%;-o-object-fit:cover;object-fit:cover}.detail-container .splash-container .shadow{position:absolute;bottom:0;width:100%;height:240px;background:linear-gradient(180deg,hsla(0,0%,9%,0),#161616)}.detail-container .splash-container .icon-back{border:1px solid var(--white);border-radius:100%;width:20px;height:20px;padding:8px;position:absolute;top:80px;left:100px;display:flex;align-items:center;justify-content:center;text-align:center}.detail-container .splash-container .icon-back a{color:var(--white);margin:0;padding:0}.detail-container .description-section{margin:180px 280px;display:flex;align-items:center;justify-content:space-between}.detail-container .description-section .left-container{width:60%}.detail-container .description-section .left-container .header{display:flex;align-items:center;gap:20px}.detail-container .description-section .left-container .header .icon-win{color:var(--Yellow)}.detail-container .description-section .left-container .header h4{margin-top:2px}.detail-container .description-section .left-container .content{margin-top:20px}.detail-container .description-section .left-container .content p{color:var(--whitesec)}.detail-container .description-section .left-container .content .button-group{margin-top:20px;display:flex;gap:20px}.detail-container .description-section .right-container{width:40%;height:380px;text-align:end}.detail-container .description-section .right-container img{height:100%;-o-object-fit:cover;object-fit:cover}.detail-container .what-do{margin:180px 280px}.detail-container .what-do .content{display:flex;align-items:center;justify-content:space-between;gap:40px}.detail-container .what-do .content .left-container{width:50%}.detail-container .what-do .content .left-container ul{margin-top:12px;margin-left:20px;color:var(--whitesec)}.detail-container .what-do .content .right-container{width:40%;height:320px}.detail-container .what-do .content .right-container video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;box-shadow:0 6px 16px 8px rgba(0,0,0,.25)}.detail-container .what-do .tag-container{margin-top:28px;display:flex;gap:20px}.detail-container .model-section{margin:180px 280px;color:var(--white)}.detail-container .model-section p{margin-top:8px;color:var(--whitesec)}.detail-container .model-section span{color:var(--red)}.detail-container .model-section .header-container{width:50%}.detail-container .model-section .card-container{width:100%;flex-wrap:wrap;margin-top:20px;display:flex;justify-content:left;gap:28px}.detail-container .model-section .card-container .card-model{width:340px;padding:20px 28px;background-color:var(--blacksec);border-radius:12px;box-shadow:0 6px 16px 8px rgba(0,0,0,.25)}.detail-container .model-section .card-container .card-model .image-container{width:100%;border-radius:16px;overflow:hidden}.detail-container .model-section .card-container .card-model .image-container img{width:100%}.detail-container .model-section .card-container .card-model .content{margin-top:16px}.group-modal{margin:0;gap:0}.group-modal,.screen{padding:0;display:flex;justify-content:center;align-items:center}.screen{width:100%;height:100vh;position:fixed;background-color:rgba(0,0,0,.5);margin:0 auto;left:50%;top:50%;transform:translate(-50%,-50%);overflow:hidden}.screen .modal-container{width:40vw;height:60vh;background-color:var(--blacksec);display:flex;flex-direction:column;padding:40px 40px;justify-content:center;align-items:center;border-radius:12px}.screen .modal-container .image-container{width:100%;height:95%;border-radius:12px;overflow:hidden}.screen .modal-container .image-container img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.screen .modal-container .button-group,.screen .modal-container .button-group button{width:100%}@media(max-width:768px){.content-container{margin:0 40px;flex-direction:column}.content-container .description-container{width:100%;margin-top:80px}.content-container .image-splash-container{width:80%}.content-container .image-splash-container .shape-red{right:0;bottom:8px;width:100%}.content-container .image-splash-container .shape-orange{width:30%;left:0}.content-container .image-splash-container .photo-formal{width:100%}.about-section{margin-top:80px;justify-content:start;min-height:-moz-fit-content;min-height:fit-content}.about-section .shape-container{display:none}.about-section .description-container{margin:0}.skills-section .description-container{width:100%}.skills-section .card-container-hard .card-hardskill{width:104px}.skills-section .softskill-container{flex-direction:column;padding:0;align-items:center;justify-content:center}.skills-section .softskill-container .description-container{width:90%;padding:0}.skills-section .softskill-container .card-container{margin:40px 0;width:90%;flex-wrap:wrap;justify-content:start;gap:20px}.experience-section{margin-top:80px}.experience-section .container-header{flex-direction:column}.experience-section .container-header .container-text{width:100%}.experience-section .container-header .container-image{display:none}.experience-section .container-experience{margin-top:100px}.experience-section .container-experience .card-working-container{flex-wrap:wrap;align-items:center;justify-content:center}.experience-section .container-experience .content-experience{flex-direction:column}.experience-section .container-experience .content-experience .card-competition-container{width:100%}.experience-section .container-experience .content-experience .right-container{margin-top:40px;width:100%}.experience-section .container-experience .content-experience .card-organization-container .card-organization{flex-direction:column}.experience-section .container-experience .content-experience .card-organization-container .card-organization .header-container,.experience-section .container-experience .content-experience .card-organization-container .card-organization .lists-container{width:100%}.experience-section .container-experience .content-experience .card-organization-container .card-organization .lists-container .list{width:40%}.detail-container .splash-container{height:-moz-fit-content;height:fit-content}.detail-container .splash-container .content{width:-moz-fit-content;width:fit-content;margin-left:0;padding:80px 40px}.detail-container .splash-container .content h1{font-size:80px}.detail-container .splash-container .content .description-project p{margin-top:20px}.detail-container .splash-container .content .description-team{width:100%;flex-direction:column;align-items:start;gap:20px}.detail-container .splash-container .icon-back{left:10%;top:10%}.detail-container .splash-container .mockup-container{display:none}.detail-container .description-section{margin:40px;flex-direction:column}.detail-container .description-section .left-container{width:100%}.detail-container .description-section .right-container{width:100%;text-align:center;margin-top:20px}.detail-container .description-section .right-container img{width:100%;height:-moz-fit-content;height:fit-content}.detail-container .what-do{margin:100px 40px}.detail-container .what-do .content{flex-direction:column}.detail-container .what-do .content .left-container{width:100%}.detail-container .what-do .content .right-container{width:100%;text-align:center;margin-top:20px}.detail-container .model-section{margin:100px 40px}.detail-container .model-section .header-container{width:100%}}@media(min-width:769px)and (max-width:1024px){.content-container{margin:0 100px;flex-direction:column}.content-container .description-container{width:100%;margin-top:80px}.content-container .image-splash-container{width:-moz-fit-content;width:fit-content}.content-container .image-splash-container .shape-red{right:-80px;bottom:8px}.content-container .image-splash-container .shape-orange{left:-36px}.about-section{margin-top:80px;justify-content:start;min-height:-moz-fit-content;min-height:fit-content}.about-section .shape-container{display:none}.about-section .description-container{margin:0}.skills-section .description-container{width:100%}.skills-section .card-container-hard .card-hardskill{width:104px}.skills-section .softskill-container{flex-direction:column;padding:0;align-items:center;justify-content:center}.skills-section .softskill-container .description-container{width:90%;padding:0}.skills-section .softskill-container .card-container{margin:40px 0;width:90%;flex-wrap:wrap;justify-content:start;gap:20px}.experience-section{margin-top:80px}.experience-section .container-header{flex-direction:column}.experience-section .container-header .container-text{width:100%}.experience-section .container-header .container-image{display:none}.experience-section .container-experience{margin-top:100px}.experience-section .container-experience .card-working-container{flex-wrap:wrap;align-items:center;justify-content:start}.experience-section .container-experience .content-experience{flex-direction:column}.experience-section .container-experience .content-experience .card-competition-container{width:100%}.experience-section .container-experience .content-experience .right-container{margin-top:40px;width:100%}.experience-section .container-experience .content-experience .card-organization-container .card-organization{flex-direction:column}.experience-section .container-experience .content-experience .card-organization-container .card-organization .header-container,.experience-section .container-experience .content-experience .card-organization-container .card-organization .lists-container{width:100%}.experience-section .container-experience .content-experience .card-organization-container .card-organization .lists-container .list{width:40%}.detail-container .splash-container .content{margin-left:100px}.detail-container .splash-container .content h1{font-size:80px}.detail-container .splash-container .mockup-container{display:none}.detail-container .description-section{margin:100px 100px;flex-direction:column}.detail-container .description-section .left-container{width:100%}.detail-container .description-section .right-container{width:100%;text-align:center;margin-top:20px}.detail-container .what-do{margin:100px 100px}.detail-container .what-do .content{flex-direction:column}.detail-container .what-do .content .left-container{width:100%}.detail-container .what-do .content .right-container{width:100%;text-align:center;margin-top:20px}.detail-container .model-section{margin:200px 100px}.detail-container .model-section .header-container{width:100%}.detail-container .model-section .card-container .card-model{width:260px}}.fixed{position:fixed}.mt-2{margin-top:.5rem}.mt-8{margin-top:2rem}.flex{display:flex}.hidden{display:none}.text-sm{font-size:.875rem;line-height:1.25rem}.font-bold{font-weight:700}.font-light{font-weight:300}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}