@charset "UTF-8";.navbar-container{width:100%;position:fixed;left:0;background-color:#1d2228;color:#e1e2e2;display:flex;z-index:999;box-shadow:0 10px 30px -10px #000;font-family:Inter,sans-serif;letter-spacing:1px;font-size:14px;transition:top .3s linear}.navbar-container.show{top:0}@media (max-width: 1200px){.navbar-container{flex-direction:column;justify-content:space-between;align-items:center}.navbar-container.hide:not(.shown-links){top:-90px}.navbar-container.hide:not(.hidden-links){top:0px}}@media (min-width: 1200px){.navbar-container{flex-direction:row;justify-content:space-between;align-items:center}.navbar-container.hide{top:-90px}}.navbar-container p{margin-top:25px;margin-bottom:25px}@media (max-width: 1200px){.navbar-container .main-menu{display:flex;flex-direction:row;justify-content:space-between;width:100%}}.navbar-container .main-menu .home{margin-left:35px;cursor:pointer;width:140px;height:36px;background-image:url(/assets/logo.4960704b.png);background-size:cover}.navbar-container .main-menu .mobile-icon{cursor:pointer;margin-right:35px;font-size:20px!important;padding-top:5px}@media (min-width: 1200px){.navbar-container .main-menu .mobile-icon{display:none}}.navbar-container .sections-link{display:flex;flex-direction:column}@media (max-width: 1200px){.navbar-container .sections-link{transition:height .3s linear}.navbar-container .sections-link.show-links{height:calc(100vh - 68px)}.navbar-container .sections-link.hide-links{height:0px}.navbar-container .sections-link.hide-links p{opacity:0;position:fixed;top:-100px}}@media (min-width: 1200px){.navbar-container .sections-link{flex-direction:row;margin-right:35px}}.navbar-container .sections-link p{cursor:pointer;transition:all .2s linear}.navbar-container .sections-link p:not(:last-of-type){margin-right:20px}.navbar-container .sections-link p:hover{color:#fb8122;transform:scale(1.1)}.navbar-container .sections-link .number{color:#fb8122;font-size:13px}.image-container{width:250px;height:250px;position:relative}.image-container:after{content:"";display:block;width:250px;height:250px;position:absolute;border:2px solid #FB8122;top:15px;left:15px;z-index:-2;border-radius:5px;transition:.2s ease-in-out}.image-container:hover:after{top:10px;left:10px}@media (max-width: 1200px){.image-container{margin-top:20px}}.image-container img{width:250px;height:250px;border-radius:5px}.hero-container{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:85px}@media (min-width: 1200px){.hero-container{flex-direction:row;justify-content:space-between}}.hero-container .info{max-width:600px}@media (max-width: 1200px){.hero-container .info{text-align:center;max-width:500px}}.hero-container .info p{margin:0 0 5px;font-weight:600;color:#fb8122}.hero-container .info h1{font-size:40px;margin:0 0 5px;color:#fff}@media (min-width: 1200px){.hero-container .info h1{font-size:50px;font-weight:700}}.hero-container .info h2.specialties{font-size:30px;margin:0 0 5px;color:#e1e2e2}@media (min-width: 1200px){.hero-container .info h2.specialties{font-size:40px;font-weight:700}}.hero-container .info h2.specialties .specialty{color:#fb8122}.hero-container .info .sub-title{color:#e1e2e2}.section-title{font-size:40px;color:#fff;display:flex;-moz-box-align:center;align-items:center;width:100%}@media (min-width: 1200px){.section-title{font-size:50px;font-weight:700}}.section-title:after{content:"";display:block;position:relative;top:0px;width:100%;height:1px;margin-left:20px;background-color:#fb8122}@media (max-width: 1200px){.section-title:after{flex:1}}@media (min-width: 1200px){.section-title:after{width:500px}}.skills-container{display:flex;flex-direction:column;justify-content:center;align-items:start}.skills-container .skills-info{display:flex;flex-direction:column;justify-content:start;align-items:center}@media (min-width: 1200px){.skills-container .skills-info{flex-direction:row;justify-content:space-between;align-items:center}}@media (min-width: 1200px){.skills-container .skills-info .description,.skills-container .skills-info .logos{width:47%}}.skills-container .description{font-size:18px;color:#e1e2e2;line-height:1.5}.skills-container .description .skill{color:#fb8122}.skills-container .description .link{text-decoration:none;color:#fb8122}.skills-container .description .link:hover{color:#e1e2e2}.skills-container .logos{text-align:center}.skills-container .logos #myCanvas{max-width:100%}.experience-container{display:flex;flex-direction:column;justify-content:center;align-items:start}.experience-container .data-content{margin-top:20px;width:100%}.experience-container .tab{color:#e1e2e2}.experience-container .tab.Mui-selected{color:#fb8122}.experience-container .tab-list .MuiTabs-scroller{overflow-x:auto!important}.experience-container .tab-list .MuiTabs-scroller::-webkit-scrollbar{height:1px}.experience-container .tab-list .MuiTabs-indicator{background-color:#fb8122}.experience-container .tab-panel{color:#e1e2e2;transition:all 1s linear}@media (max-width: 1200px){.experience-container .tab-panel{padding-left:0;padding-right:0}}.experience-container .tab-panel .job-title{color:#fff;font-size:24px;margin-bottom:10px;margin-top:0}.experience-container .tab-panel .job-title .at{color:#fb8122;text-decoration:none}.experience-container .tab-panel .job-title .at:hover{color:#e1e2e2}.experience-container .tab-panel .tech{color:#e1e2e2;font-size:14px;font-weight:600;display:inline-block;word-wrap:break-word}.experience-container .tab-panel .tech:not(:last-child):after{content:"\b7";padding:0 5px}.experience-container .tab-panel .time-worked{margin-top:0;font-size:14px;margin-bottom:28px}.experience-container .tab-panel .tasks{padding:0;list-style-type:none;font-size:18px}.experience-container .tab-panel .tasks li{padding-bottom:20px;line-height:1.4}.experience-container .tab-panel .tasks li:before{content:"\25b9";color:#fb8122;padding-right:20px}.project{display:flex;flex-direction:column;justify-content:start;align-items:center}@media (min-width: 1200px){.project{flex-direction:row;justify-content:space-between;align-items:center}.project.reversed{flex-direction:row-reverse}}.project .image-link{width:48%;background-position:center;background-repeat:no-repeat;background-size:100% 100%;border-radius:5px;transition:transform .25s linear}@media (max-width: 1200px){.project .image-link{width:100%;height:300px}}@media (min-width: 1200px){.project .image-link{min-width:570px;height:360px}}.project .image-link:hover{transform:scale(1.05)}.project .image-link a{width:100%;height:100%;display:inline-block;position:relative}.project .info{width:48%}@media (max-width: 1200px){.project .info{width:100%}}.project .info .title{color:#fff;font-size:20px}.project .info .description{color:#e1e2e2;background-color:#4a4a4a;border-radius:5px;padding:20px;text-align:justify;white-space:break-spaces;font-size:15px}.project .info .tech{color:#e1e2e2;font-size:14px;font-weight:600;display:inline-block;word-wrap:break-word}.project .info .tech:not(:last-child):after{content:"\b7";padding:0 5px}.project .info .links a:nth-child(2){margin-left:10px}.project .info .links svg{width:20px;height:20px;color:#e1e2e2;opacity:.6}.project .info .links svg:hover{color:#fb8122;opacity:1}.projects-container{display:flex;flex-direction:column;justify-content:start;align-items:start}.projects-container .project-animation:not(:last-of-type){margin-bottom:80px}@media (max-width: 1200px){.projects-container .project-animation:not(:last-of-type){margin-bottom:30px}}.projects-container .title{width:100%}.ol-button{color:#fb8122;background-color:transparent;border:1px solid #FB8122;border-radius:4px;padding:1.25rem 1.75rem;font-size:14px;line-height:1;text-decoration:none;cursor:pointer;transition:all .25s linear;letter-spacing:1.1px;font-weight:600;text-transform:uppercase}.ol-button:hover{background-color:#fb81222e}.about-container{display:flex;flex-direction:column;justify-content:center;align-items:start}.about-container .content{display:flex;flex-direction:column;justify-content:start;align-items:center}.about-container .bio{font-size:18px;color:#e1e2e2;line-height:1.5}.about-container .bio .skill{color:#fb8122}@media (min-width: 1200px){.about-container .bio{width:70%;text-align:justify}}.about-container .cta{margin-top:50px;display:grid;grid-template-columns:auto auto;column-gap:40px}@media (max-width: 1200px){.about-container .cta{margin-top:30px}}@media (max-width: 362px){.about-container .cta{grid-template-columns:auto;row-gap:20px}.about-container .cta .ol-button{text-align:center}}.social-container{display:flex}@media (max-width: 1350px){.social-container{flex-direction:row}}@media (min-width: 1350px){.social-container{position:fixed;bottom:0px;left:30px;right:auto;flex-direction:column}.social-container:after{content:"";display:block;width:1px;height:90px;margin:0 auto;background-color:#e1e2e2}}.social-container a{text-decoration:none}@media (max-width: 1350px){.social-container a{margin-right:10px;margin-left:10px}}@media (min-width: 1350px){.social-container a{margin-bottom:20px}}.social-container .icon{width:20px;height:20px;color:#e1e2e2}.social-container .icon.youtube-icon{width:22px;height:22px}.social-container .icon:hover{color:#fb8122;cursor:pointer;transform:scale(1.1);position:relative;top:-2px}.footer-container{margin:40px 0 15px;display:flex;flex-direction:column;justify-content:center;align-items:center}.footer-container p{font-size:14px;color:#e1e2e2;font-weight:400;font-family:Silkscreen,sans-serif;text-align:center}@media (max-width: 1200px){.footer-container{margin-top:70px}}.app-container{width:100%;margin:auto;font-family:Inter,sans-serif}@media (min-width: 1200px){.app-container{max-width:1200px}}.section{min-height:100vh}#loader-wrapper{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1000}#loader{display:block;position:relative;left:50%;top:50%;width:150px;height:150px;margin:-75px 0 0 -75px;border-radius:50%;border:3px solid transparent;border-top-color:#3498db;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;z-index:1001}#loader:before{content:"";position:absolute;top:5px;left:5px;right:5px;bottom:5px;border-radius:50%;border:3px solid transparent;border-top-color:#e74c3c;-webkit-animation:spin 3s linear infinite;animation:spin 3s linear infinite}#loader:after{content:"";position:absolute;top:15px;left:15px;right:15px;bottom:15px;border-radius:50%;border:3px solid transparent;border-top-color:#f9c922;-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}#loader-wrapper .loader-section{position:fixed;top:0;width:51%;height:100%;background:#000;z-index:1000;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translate(0)}#loader-wrapper .loader-section.section-left{left:0}#loader-wrapper .loader-section.section-right{right:0}.loaded #loader-wrapper .loader-section.section-left{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translate(-100%);-webkit-transition:all .7s .3s cubic-bezier(.645,.045,.355,1);transition:all .7s .3s cubic-bezier(.645,.045,.355,1)}.loaded #loader-wrapper .loader-section.section-right{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translate(100%);-webkit-transition:all .7s .3s cubic-bezier(.645,.045,.355,1);transition:all .7s .3s cubic-bezier(.645,.045,.355,1)}.loaded #loader{opacity:0;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.loaded #loader-wrapper{visibility:hidden;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);-webkit-transition:all .3s 1s ease-out;transition:all .3s 1s ease-out}.no-js #loader-wrapper{display:none}html{overflow-x:hidden}body{min-height:100vh;margin:0;background-color:#1d2228;overflow-x:hidden}@media (max-width: 1200px){body{padding:5% 5% 0}}