@import url(https://fonts.googleapis.com/css2?family=Rubik:wght@400;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.nav-bar{align-items:center;background:none;display:flex;justify-content:center;left:0;padding:10px 100px;position:fixed;top:0;width:90%;z-index:100}.nav-bar h1{background:#000;border-radius:5px;box-shadow:-10px 10px 15px #fff3,10px 10px 15px #0000001a;color:#fff;cursor:pointer;font-weight:900;padding:.5rem}.direction{align-items:center;display:flex}.bar{background-color:#000;border:none;border-radius:4px;color:#fff;visibility:hidden}.nav-items{display:flex;visibility:visible}.nav-items p{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:5px;color:#000;cursor:pointer;font-family:Montserrat;font-weight:700;margin-left:4rem;padding:10px;position:relative;text-decoration:none}.nav-items p:before{background:#000;content:"";height:2px;left:0;position:absolute;top:100%;transition:.3s;width:0}.nav-items p:hover:before{width:100%}.vitems{align-items:center;color:#fff;display:flex;flex-direction:row}@media screen and (min-width:301px) and (max-width:900px){.nav-bar{justify-content:space-between;padding-left:1rem}.direction{direction:rtl;display:block}.bar{font-size:1.5rem;padding:.5rem;visibility:visible;width:3rem}.nav-items{background-color:#000;border-radius:.8rem;direction:ltr;display:block;justify-content:center;margin-top:1rem;padding:2rem;position:absolute;visibility:hidden;width:70vw;z-index:100}.nav-items p:hover:before{width:0}.vitems{margin-left:2rem}.nav-items p{color:#fff;margin-left:0;padding:1rem}.hidden{visibility:visible}}.no-decoration{text-decoration:none}.services-section{display:flex;height:100vh;justify-content:center;overflow:hidden}.section-title,.services-section{align-items:center;flex-direction:column}.section-title h4{color:#6a6e83;color:var(--fourth-color)}.card-container{display:flex;flex-direction:row;text-decoration:none}.card-container a{color:inherit;text-decoration:none}.card{background-color:#fff;border:2px solid #5a81fa;border:2px solid var(--primary-color);border-radius:8px;box-shadow:4px 8px 12px #0000001a;color:#1f1f1f;color:var(--third-color);display:block;flex-direction:column;height:200px;margin:16px;overflow:hidden;padding:30px;position:relative;text-decoration:none;transition:height .5s ease;width:240px}.card:hover{background:#5a81fa;background:var(--primary-color);box-shadow:6px 10px 15px #00000026;color:var(--secundary-color);height:240px}.hidden{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;left:50%;line-height:1.5;opacity:0;padding:15px;position:absolute;text-align:center;top:50%;transform:translate(-50%);transition:opacity .4s ease,visibility .4s ease;visibility:hidden;width:90%}.visible{opacity:1;transition:opacity .4s ease,visibility .4s ease;visibility:visible}.card:hover .hidden{opacity:1;position:absolute;visibility:visible}.card:hover .visible{opacity:0;visibility:hidden}.icon{font-size:40px}@media screen and (min-width:301px) and (max-width:900px){.card-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.card{height:140px;margin:5px;padding:20px;width:120px}.card:hover{height:300px;width:240px}.card-title,.project-link{font-size:1rem}}.about-section{align-items:center;display:flex;flex-direction:column;justify-content:center}@keyframes moveDown{0%{transform:translateY(-500px)}to{transform:translateY(0)}}.rec-container{display:flex;flex-direction:row;gap:10px}.rec1{align-items:center;background:#5a81fa;background:var(--primary-color);border:3px solid #f8f9fd;border:3px solid var(--sixth-color);border-radius:10px;color:#cddeff;color:var(--fifth-color);display:flex;flex-direction:column;height:100px;justify-content:center;width:100px}.delay1{animation-delay:.2s}.delay2{animation-delay:.4s}.delay3{animation-delay:.6s}.animate{animation-duration:1s;animation-fill-mode:backwards;animation-name:moveDown}.info-container{font-family:monospace;font-size:18px;font-weight:400;text-align:justify;width:50%}@media screen and (min-width:301px) and (max-width:900px){.info-container{text-align:center;width:85%}}.project-section{background:var(--primary-color);display:flex;flex-direction:row-reverse;height:100%;justify-content:center;overflow:hidden}.project-container{flex:4 1;margin-top:5rem;padding:20px;width:80%}.project-side{align-items:flex-end;background-color:var(--primary-color);color:#fff;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:20px;width:20%}.project-side h1{display:flex;justify-content:flex-start;margin-top:5rem;position:absolute;text-align:right;width:20%;z-index:1}.cards-container{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.project-card{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;color:var(--third-color);cursor:pointer;display:flex;flex-direction:column;height:250px;margin:16px;text-shadow:none;width:250px}.project-image{border-radius:10px;height:150px;margin-top:10px;width:90%}.project-link{align-items:center;color:var(--fourth-color);display:flex;justify-content:space-between;margin:auto;text-align:center;text-decoration:none}@media screen and (min-width:301px) and (max-width:900px){.project-section{justify-content:center}.project-section,.project-side{align-items:center;flex-direction:column}.project-side{display:flex;height:20vh;margin-bottom:0;margin-top:50vh;width:100%}.project-side h1{justify-content:center;margin-top:3rem;text-align:center;width:100%}.project-container{display:flex;justify-content:flex-start;margin:0}.lap-container{align-items:center;display:flex;height:5vh;justify-content:center}}.contact-section{align-items:center;background-color:red;display:flex;flex-direction:column;justify-content:center;width:100%}.contact-medias{margin-right:4rem;text-align:right}.contact-medias a{color:inherit;text-decoration:none}.contact-card{align-items:center;background-color:#fff;border:1px solid #6a6e83;border:1px solid var(--fourth-color);border-radius:8px;box-shadow:4px 8px 12px #0000001a;color:#1f1f1f;color:var(--third-color);cursor:pointer;display:flex;flex-direction:column;height:100px;justify-content:center;margin:16px;padding:30px;transition:height .5s ease;width:200px}.card:hover{cursor:pointer;height:220px}.contact-title{margin:auto}.contact-link{align-items:center;color:#6a6e83;color:var(--fourth-color);display:flex;justify-content:space-between;margin:auto;text-align:center;text-decoration:none}.section-title{display:flex;margin-top:4rem;padding:0;text-align:right}.section-title span{color:#5a81fa;color:var(--primary-color)}.contact-container{align-items:center;display:flex;justify-content:center}.contact-form{background:none;margin:0 auto;width:350px}.contact-form h4{color:#6a6e83;color:var(--fourth-color);font-size:4rem;font-weight:700}.form-group{margin-bottom:10px}.form-group input,.form-group textarea{background:none;border:2px solid #6a6e83;border:2px solid var(--fourth-color);border-radius:8px;box-shadow:0 1px 1px #0000001a;box-sizing:border-box;outline:none;padding:10px;width:100%}.form-group textarea{height:150px;resize:none}.form-group label{color:#6a6e83;color:var(--fourth-color);font-size:.95rem;font-weight:lighter;margin-bottom:6px}.form-group .error{color:red;font-size:.875em;margin-top:5px}button{background-color:#5a81fa;background-color:var(--primary-color);border:2px solid #5a81fa;border:2px solid var(--primary-color);border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:10px;transition:background-color .3s ease}button:hover{background-color:#2c3d8f;background-color:var(--secondary-color)}.success-popup{animation:fadeOut 10s ease-in-out;background-color:#4caf50;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#fff;font-size:16px;padding:15px 20px;position:fixed;right:20px;top:20px}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}70%{opacity:1}to{opacity:0;transform:translateY(-10px)}}@media screen and (min-width:301px) and (max-width:900px){.contact-container{display:flex;flex-direction:column-reverse}.contact-medias{display:flex;flex-direction:row;margin-right:0;margin-top:2rem}.contact-card{height:50px;width:100px}.contact-link{display:none}}.footer{background-color:#333;color:#fff;padding:20px 0;text-align:center}.footer-content{display:flex;flex-wrap:wrap;justify-content:space-around}.footer-left{margin:10px}.footer h3{margin-bottom:10px}.footer a,.footer p{color:#fff;text-decoration:none}.footer-bottom{margin-top:20px}body{scroll-behavior:smooth}:root{--primary-color:#5a81fa;--secondary-color:#2c3d8f;--third-color:#1f1f1f;--fourth-color:#6a6e83;--fifth-color:#cddeff;--sixth-color:#f8f9fd}header{font-family:Roboto,Montserrat}body{overflow-y:scroll;scroll-snap-type:y mandatory}.homeHeader{background:#5a81fa;background:var(--primary-color);justify-content:center;scroll-snap-align:start}.backSys,.homeHeader{display:flex;position:relative}.backSys{align-items:center;background-color:none;flex-direction:column;justify-content:start;overflow:auto;width:100%;z-index:2}.placement{margin-top:-50vh}.frontTex{align-items:center;color:#1f1f1f;display:flex;height:100vh;justify-content:center;margin-top:-1vh;position:absolute;z-index:2}.mainTitle{font-family:Montserrat,sans-serif;font-weight:700;margin-top:40vh}.responsive-title{display:block;font-size:2rem;max-width:90%;text-align:left}.responsive-title,.typing-effect{word-wrap:break-word;overflow-wrap:break-word;white-space:normal}.typing-effect{display:inline}.cursor{animation:blink 1s step-start infinite;background-color:#000;display:inline-block;width:1px}.moreBtn{background:#4f46e5;border:2px solid #fff;border-radius:.8rem;cursor:pointer;font-size:1rem;font-weight:700;padding:.6rem}.moreBtn:hover{background:#4338ca}.listStyle{animation:fall .6s forwards;background-color:#fff;border:1px solid #dbdbdb;border-radius:10px;box-shadow:0 2px 3px #0000001a;box-shadow:-10px 10px 15px #fff3,10px 10px 15px #0000001a;color:#262626;font-family:Montserrat,sans-serif;margin:10px 0;opacity:0;padding:15px;text-align:justify;transform:translateY(-50px);width:30vw}.listStyle .title{font-size:16px;font-weight:700;margin-top:5px}.listStyle .author{color:#8e8e8e;font-size:14px;margin-bottom:5px}.listStyle .content{font-size:15px;line-height:1.5}@keyframes fall{to{opacity:1;transform:translateY(0)}}.works{align-items:center;background:none;display:flex;height:100vh;justify-content:center;margin-top:100vh;scroll-snap-align:start;width:100%}.backSection,.works{position:absolute;z-index:1}.relative{position:relative}.project-cards{position:absolute;z-index:2}.about-section,.contact-section{background-color:#f5f5f5;height:100vh}.contact-section{background-color:#f0f0f0;margin-top:0}.header-gradient-bottom,.header-gradient-top{inset-x:0;filter:blur(3xl);overflow:hidden;position:absolute;transform:translateY(-50%);z-index:-10}.header-gradient-top{top:-10rem}.header-gradient-bottom{top:calc(100% - 13rem)}.header-gradient-bottom:before,.header-gradient-top:before{aspect-ratio:1155/678;background:linear-gradient(to top right,#ff80b5,#9089fc);-webkit-clip-path:polygon(74.1% 44.1%,100% 61.6%,97.5% 26.9%,85.5% .1%,80.7% 2%,72.5% 32.5%,60.2% 62.4%,52.4% 68.1%,47.5% 58.3%,45.2% 34.5%,27.5% 76.7%,.1% 64.9%,17.9% 100%,27.6% 76.8%,76.1% 97.7%,74.1% 44.1%);clip-path:polygon(74.1% 44.1%,100% 61.6%,97.5% 26.9%,85.5% .1%,80.7% 2%,72.5% 32.5%,60.2% 62.4%,52.4% 68.1%,47.5% 58.3%,45.2% 34.5%,27.5% 76.7%,.1% 64.9%,17.9% 100%,27.6% 76.8%,76.1% 97.7%,74.1% 44.1%);content:"";left:50%;opacity:.3;position:absolute;transform:translateX(-50%) rotate(30deg);width:36.125rem}.header-text{margin:0 auto;max-width:42rem;padding:8rem 0;text-align:center}.announcement{border:1px solid #0000001a;border-radius:9999px;color:#4b5563;display:inline-block;font-size:.875rem;padding:.5rem 1rem;text-decoration:none}.announcement-link{color:#4f46e5;font-weight:600}.header-title{color:#111827;font-size:3rem;font-weight:600;margin-top:2rem}.header-description{color:#6b7280;font-size:1.125rem;margin-top:2rem}.header-buttons{gap:1.5rem;margin-top:2.5rem}.btn-primary{background-color:#4f46e5;border-radius:.375rem;color:#fff;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:background-color .2s ease-in-out}.btn-primary:hover{background-color:#4338ca}.btn-secondary{color:#111827;font-size:.875rem;font-weight:600;text-decoration:none}@media screen and (min-width:1024px) and (max-width:1600px){.header-title{font-size:2.2rem;margin-top:1rem}}@media screen and (min-width:301px) and (max-width:900px){.placement{margin-top:-70vh}.frontTex{align-items:center;color:#000;display:flex;height:100vh;justify-content:center;margin-top:-10vh;position:absolute;z-index:2}.mainTitle{font-family:Montserrat,sans-serif;font-size:10px;font-weight:700;margin-top:30vh;padding:80px}.cursor{animation:blink 1s step-start infinite;background-color:#000;display:inline-block;width:1px}.header-buttons{margin-top:5rem;position:absolute;rotate:0deg;width:95%;z-index:3}.listStyle{animation:fall .6s forwards;background-color:#fff;border:1px solid #dbdbdb;border-radius:10px;box-shadow:0 2px 3px #0000001a;box-shadow:-10px 10px 15px #fff3,10px 10px 15px #0000001a;color:#262626;font-family:Montserrat,sans-serif;margin:10px 0;opacity:0;padding:15px;text-align:justify;transform:translateY(-50px);width:80vw}.listStyle .title{font-size:16px;font-weight:700;margin-top:5px}.listStyle .author{color:#8e8e8e;font-size:14px;margin-bottom:5px}.listStyle .content{font-size:15px;line-height:1.5}@keyframes fall{to{opacity:1;transform:translateY(0)}}.header-gradient-bottom,.header-gradient-top{display:none}.header-text{max-width:100%;padding:4rem 1rem}.announcement{border:1px solid #fff;color:#fff;font-size:.75rem;padding:.25rem .75rem}.announcement-link{color:#4338ca}.header-title{font-size:2rem;margin-top:1rem}.header-description{color:#fff;font-size:1rem;line-height:1.5;margin-top:1rem}.btn-primary,.btn-secondary{text-align:center;width:100%}}
/*# sourceMappingURL=main.aaed1a94.css.map*/