@import url(https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap);:root{--white:#fff;--text-color:#d7d7d7;--secondary-text-color:#a3a3a3;--section-titles-color:#cbcbcb;--blue:#0d133e;--dark-green:#006f47;--green:#34ffb6;--transparent-green:#31ffb575;--cyan:#69c3f7}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-animation:AnimationName 15s ease infinite;animation:AnimationName 15s ease infinite;background:radial-gradient(circle at center,#0d133e,#006f47);background:radial-gradient(circle at center,var(--blue),var(--dark-green));background-size:400% 400%;color:#fff;color:var(--white);font-family:Nunito Sans,sans-serif;font-weight:400;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}*,body{margin:0}*{box-sizing:border-box;padding:0}::selection{background:#31ffb575;background:var(--transparent-green)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.gradient-animation{-webkit-animation:AnimationName 15s ease infinite;animation:AnimationName 15s ease infinite;background:linear-gradient(264deg,#9f9fa7,#34ffb6,#52ff90);background:linear-gradient(264deg,#9f9fa7,var(--green),#52ff90);background-size:400% 400%}a{text-decoration:none}section{align-items:center;display:flex;min-height:100vh}@-webkit-keyframes AnimationName{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes AnimationName{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@media screen and (max-width:768px){section{padding:0 1.5rem}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.CustomButton{align-items:center;border:2px solid var(--green);display:flex;padding:10px 20px;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.CustomButton,.CustomButton label{cursor:pointer}.CustomButton:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:center left;transform-origin:center left}.CustomButton:before{background:var(--transparent-green);bottom:0;content:"";left:0;position:absolute;right:0;top:0;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:center right;transform-origin:center right;transition:-webkit-transform .2s ease-in;transition:transform .2s ease-in;transition:transform .2s ease-in,-webkit-transform .2s ease-in;z-index:-1}@media (max-width:768px){.CustomButton{font-size:.8rem}}#contact{text-align:center}#contact p{font-size:1.1rem}.contact-btn{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#contact .contact-title{font-size:3rem}.contact-btn .CustomButton{padding:15px 40px}@media (max-width:768px){#contact .contact-title{font-size:2rem}#contact p{font-size:.9rem}.contact-btn{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.contact-btn .CustomButton{padding:13px 30px}}.chip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff42}.card-container{grid-gap:1rem;border-radius:8px;box-sizing:border-box;cursor:pointer;display:grid;gap:1rem;grid-template-columns:1fr 3fr;justify-content:space-between;margin-bottom:1rem;padding:1rem;transition:.3s ease;width:100%}.work-title{position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.work-title:after{background-color:var(--white);bottom:-.0125rem;content:"";display:block;height:.125rem;left:0;margin:auto;position:absolute;transition:all .2s ease;width:100%;z-index:-1}.card-container:hover{background:hsla(0,0%,100%,.18)}.card-container:hover .work-title{color:var(--green)}.card-container:hover .work-title:after{background-color:var(--green)}.date-container{color:#b9ceff;font-size:1rem}.work-description{font-size:1rem;margin-top:1rem}@media screen and (max-width:768px){.card-container{grid-template-columns:1fr}}.tab{background:var(--green);border-radius:31px;height:60.66px;left:-2px;position:absolute;top:0;transition:.3s ease-in-out;width:2px}.experience-table{display:flex}.companies{border-left:2px solid #2b3581;display:grid;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;list-style:none;position:relative;width:190px}.company-btn{background:none;border:none;color:var(--text-color);cursor:pointer;font-size:.9rem;outline:none;padding:22px 15px;transition:.2s ease-in-out}.active,button.company-btn:hover{color:var(--green)}.experience-description-container{padding:20px 40px;position:relative;width:75%}.experience-description{gap:5px;opacity:0;position:absolute;transition:all .2s ease-in-out;visibility:hidden}.duration{color:var(--text-color)}.company-link,.company-link a{color:var(--green)}.company-link a:hover{text-decoration:underline}.tasks-list{list-style:none;position:relative}.task{margin:10px 0;padding-left:20px;position:relative}.task:before{background:#fff;border-radius:100%;content:"";display:block;height:7px;left:0;position:absolute;top:5px;width:8px}.visible{-webkit-animation:makeVisible 1s ease-in-out;animation:makeVisible 1s ease-in-out;opacity:1;transition-delay:.15s;visibility:visible}@media (max-width:768px){#experience{padding:50px 20px}.companies{width:100px}.company-btn{font-size:.7rem;height:60.66px;padding:0}h3{font-size:1rem}.duration,.tasks-list{font-size:.7rem}.duration{margin-bottom:0}}footer{align-items:center;display:flex;justify-content:center;min-height:70px}footer a{color:var(--text-color);cursor:pointer;font-size:1rem;transition:.2s ease-in-out}footer a:hover{color:var(--green)}span{color:var(--text-color);font-size:.75rem}@media (max-width:768px){footer a{font-size:.7rem}}.header-container{height:80px;left:0;margin:auto;padding:0 5rem;position:fixed;right:0;top:1rem;-webkit-transform:translateY(-100px);transform:translateY(-100px);z-index:9}.header,.header-container{align-items:center;display:flex;justify-content:space-between;transition:.4s ease;width:100%}.header{border-radius:.5rem;gap:15rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.nav-link a{color:var(--dark-green);text-decoration:none}.logo-container{transition:.4s ease-in-out}.logo-label{color:var(--green);font-size:2rem}.nav-link{position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.nav-element{top:-120px;transition:.6s ease}@-webkit-keyframes loadHeader{0%{top:-120px}to{top:0}}@keyframes loadHeader{0%{top:-120px}to{top:0}}.nav-link:after{background-color:#006f4730;bottom:0;content:"";display:block;height:8px;left:0;margin:auto;position:absolute;transition:all .2s ease;width:0;z-index:-1}.nav-link:hover:after{width:100%}.nav-btn{position:relative}.header-subtitle{color:var(--secondary-text-color);font-size:1.25rem;margin-bottom:1rem;margin-top:2rem}ol.navbar{display:flex;flex-direction:column;font-size:1.25rem;gap:2rem;list-style:none;margin:0;width:100%}.logo-label,.nav-link{cursor:pointer}.logo-label{font-weight:600}.hamburger-lines{display:flex;flex-direction:column;height:20px;justify-content:space-between;left:20px;top:17px;-webkit-transform:translateY(-100px);transform:translateY(-100px);transition:.6s ease-in-out;transition-delay:.2s;width:25px;z-index:2}.hamburger-lines .line{background:var(--green);border-radius:10px;display:block;height:2px;width:100%}.hamburger-lines .line1{-webkit-transform-origin:0 0;transform-origin:0 0;transition:.4s ease-in-out}.hamburger-lines .line2{transition:.2s ease-in-out}.hamburger-lines .line3{-webkit-transform-origin:0 100%;transform-origin:0 100%;transition:.4s ease-in-out}.navbar-container{background:var(--white);color:var(--dark-green);display:flex;flex-direction:column;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;left:auto;margin:0;min-width:15rem;opacity:0;overflow:hidden;padding:4rem 3rem 2.5rem;position:fixed;right:-24px;top:-24px;-webkit-transform:translateX(50%);transform:translateX(50%);transition-delay:0ms;transition:.3s ease-in-out;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}#check-menu:checked+.navbar-container{-webkit-transform:translateX(0);transform:translateX(0)}#check-menu:checked~.line1{-webkit-transform:rotate(45deg);transform:rotate(45deg)}#check-menu:checked~.line2{-webkit-transform:translateX(-100%) scaleY(0);transform:translateX(-100%) scaleY(0)}#check-menu:checked~.line3{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}#check-menu{cursor:pointer;display:block;height:32px;opacity:0;position:absolute;width:32px;z-index:5}.navbar-container.visible{display:flex;flex-direction:column;left:auto;margin:0;min-width:15rem;opacity:1;right:-24px;-webkit-transform:translateX(0);transform:translateX(0);transition-delay:0ms}#check-menu:checked~.line{background:var(--dark-green)}@media (max-width:768px){.header-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a294061;padding:0 1.25rem;top:0}.logo-label{font-size:1.3rem}.header-subtitle,.nav-link a{font-size:1rem}.navbar-container{padding:4rem 2rem 2.5rem}}section.hero .hero-little-title{color:var(--white);font-size:1.3rem;margin-bottom:0}.hero-element{opacity:0;-webkit-transform:translateY(80px);transform:translateY(80px);transition:.6s ease}.hero-paragraph{color:var(--white);font-size:1.2rem}.hero-my-name{color:var(--white);font-size:4rem;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.hero-my-name:after{-webkit-animation:loadAfterPseudo 2.1s linear;animation:loadAfterPseudo 2.1s linear;background-color:#6dffd759;bottom:0;content:"";display:block;height:50%;left:0;margin:auto;position:absolute;transition:all .2s ease;width:100%;z-index:-1}@-webkit-keyframes loadAfterPseudo{0%{width:0}80%{width:0}to{width:100%}}@keyframes loadAfterPseudo{0%{width:0}80%{width:0}to{width:100%}}@media (max-width:768px){.hero-element{font-size:.9rem}.hero-my-name{font-size:2rem}.hero-paragraph{color:var(--white);font-size:.9rem}}.socials-icons-container{opacity:0;transition:.6s ease-in;transition-delay:1.5s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}ul.socials-list{grid-gap:40px;bottom:0;display:grid;font-size:1.2rem;gap:40px;left:90px;list-style:none;position:fixed;width:20px}ul.socials-list:after{background:var(--white);content:"";display:block;height:90px;margin:0 auto;width:1px}li.social-icon{color:var(--white);cursor:pointer;transition:.2s ease-in-out}.social-icon:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px)}.social-icon:hover a{color:var(--green)}.my-email{grid-gap:100px;align-items:center;bottom:0;display:grid;gap:100px;justify-content:center;list-style:none;position:fixed;right:90px;width:20px}.my-email p{cursor:pointer;font-size:.8rem;-webkit-transform:rotate(90deg);transform:rotate(90deg);transition:.3s ease-in-out}.my-email p:hover{-webkit-transform:rotate(90deg) translateX(-10px);transform:rotate(90deg) translateX(-10px)}.my-email p:hover a{color:var(--green)}.my-email:after{background:var(--white);content:"";display:block;height:90px;margin:0 auto;width:1px}@media (max-width:768px){.socials-icons-container{display:none}}@media (max-width:1300px){.my-email{gap:110px}.my-email p{font-size:.7rem}.my-email:after{height:60px}ul.socials-list{font-size:.9rem}ul.socials-list:after{height:60px}}a,p{color:var(--white)}p{font-size:1rem;line-height:1.5;margin-bottom:15px}h1{color:var(--green);margin-bottom:20px}.section-titles{font-size:2rem;margin:30px 0}.green{color:var(--green)}@media (max-width:768px){.section-titles{font-size:1.5rem;margin:30px 0}p{font-size:.9rem}}
/*# sourceMappingURL=main.aee6209d.css.map*/