@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;1,300&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap);*{box-sizing:border-box;font-family:Roboto,sans-serif;margin:0;padding:0}:root{--primary-bg:#1b1f24;--secondary-bg:#242830;--accent-color:#13bbff;--text-primary:#c2edfd;--text-primary2:#9ecff0;--text-secondary:#8892b0;--transition:all 0.3s ease}button{border:none;cursor:pointer;outline:none}.App{background:linear-gradient(180deg,#22282f,#1c1f26);height:100%;min-height:100vh;width:100%}.sectionHeader{font-size:1.45rem!important;text-decoration:underline}.Navbar{background-color:#1b1f24;color:#fff;font-size:20px;height:80px;justify-content:space-between;left:0;margin:auto;padding:0 20px;position:fixed;right:0;top:0;z-index:100}.Navbar,.rightSideNav{align-items:center;display:flex}.rightSideNav{padding:10px}.leftSideNav{background-color:#1b1f24;max-height:0;opacity:0;overflow:hidden;transition:max-height .3s ease,opacity .3s ease}.navLinks{display:flex;flex-direction:row;gap:20px;list-style:none;margin:0;padding:0;width:100%}.navLinks li{margin:.5em 0;position:relative;width:100%}.navLinks a{color:#fff;text-decoration:none}.navLinks li:before{background-color:rgba(0,0,0,.4);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .2s ease-in-out;width:0}.navLinks li:hover:before{background-color:hsla(0,0%,100%,.4);width:100%}.fas{display:none}@media screen and (min-width:769px){.leftSideNav{max-height:100%;opacity:1}}@media screen and (max-width:768px){.Navbar{flex-direction:column;padding:10px}.fas{display:block}.rightSideNav{justify-content:space-between;width:100%}.leftSideNav.active{max-height:1000px;opacity:1}.navLinks{background-color:#1b1f24;box-sizing:border-box;display:none;flex-direction:column;left:0;padding:20px;position:absolute;text-align:center;top:50px;width:100%}.navLinks.active{display:flex}}.Banner{align-items:center;background:linear-gradient(180deg,#1b1f24,#1b1f24,#004561 75%,#1b1f24);color:#fff;display:flex;height:auto;height:100%;justify-content:center;min-height:100vh;position:relative}.Banner:after,.Banner:before{content:"";height:70%;left:0;opacity:.2;pointer-events:none;position:absolute;top:0;width:100%}.Banner:before{-webkit-transform:skewY(-10deg);transform:skewY(-10deg)}.Banner:after,.Banner:before{background-image:linear-gradient(180deg,transparent 10%,hsla(0,0%,100%,.1) 50%)}.Banner:after{-webkit-transform:skewY(10deg);transform:skewY(10deg)}.BannerContent{align-items:center;display:flex;justify-content:space-around;margin:100px;max-width:2000px;width:100%}.Banner p{font-size:1.4em}.Banner h1{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,var(--text-primary),var(--accent-color));-webkit-background-clip:text;font-size:3.5rem;padding-bottom:1em}.Banner h3{color:cyan;padding-bottom:1em}.BannerText{display:flex;flex:1 1;flex-direction:column;max-width:900px}.BannerIcon{flex:1 1;max-width:400px;text-align:center;width:100%}.BannerIcon img{height:100%;object-fit:contain;width:100%}.BannerBtns{display:flex;flex-wrap:wrap;gap:8px;max-width:550px;width:100%}.BannerBtn{border:none;color:#fff;padding:.8em;text-align:center;text-decoration:none;transition:background-color .3s;width:160px}html{scroll-behavior:smooth}.btn1{background-color:#13bbff}.btn2{background-color:#000}.btn1:hover{background-color:#1093c7}.btn2:hover{background-color:#233438}.SocialIcons{display:flex;gap:10px;margin-bottom:50px;margin-top:10px}.SocialIcons a{align-items:center;background-color:#fff;background-color:#001b2c;border-radius:50%;color:#fff;display:flex;font-size:24px;height:40px;justify-content:center;text-decoration:none;transition:background-color .3s ease-in-out,color .3s ease-in-out;width:40px}.SocialIcons a:hover{background-color:#000;color:#fff}#scrollDesc{cursor:pointer;font-size:1.2rem;font-weight:500;margin-top:30px;transition:color .3s ease}#scrollDesc a{color:#a0e1f5;text-decoration:none!important}@media screen and (max-width:768px){.Banner{height:100%;min-height:100vh;overflow:hidden}.BannerContent{flex-direction:column;text-align:center}.BannerIcon{order:1}.BannerText{order:2;padding:0 2em;text-align:center}.BannerBtns{align-items:center;justify-content:space-evenly;width:100%}.SocialIcons{align-items:center;justify-content:center}.BannerIcon{width:300px}}.About{color:#fff;display:flex;justify-content:center;padding:100px 20px}.aboutContent{max-width:900px;text-align:center;width:100%}.aboutHeader{color:#13bbff;font-size:2.5rem;font-weight:600;margin-bottom:2rem}.aboutTextBlock{color:#ccc;font-size:1.1rem;line-height:1.8;padding:0 1rem;text-align:justify}.aboutTextBlock p{margin-bottom:1.8rem}.aboutOutro{color:#13bbff;font-weight:500;text-align:center}.quickFacts{border-top:1px solid hsla(0,0%,100%,.1);color:#aaa;font-size:1rem;line-height:1.8;margin-top:3rem;padding-top:1.5rem}.quickFacts p{margin:.5rem 0}@media screen and (max-width:768px){.aboutHeader{font-size:2rem}.aboutTextBlock{font-size:1rem;padding:0}.quickFacts{font-size:.95rem}}.Skills{color:#fff;padding:150px 20px;text-align:center}.Skills h3{color:#13bbff;font-size:2.2rem;font-weight:600;margin-bottom:2rem}.SkillsContainer{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin:0 auto;max-width:1000px;transition:all .3s ease-in-out}.SkillItem{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.05);border-radius:16px;padding:20px;text-align:center;transition:box-shadow .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease}.SkillItem:hover{box-shadow:0 10px 30px rgba(19,187,255,.2);-webkit-transform:translateY(-6px);transform:translateY(-6px)}.SkillItem img{height:60px;margin-bottom:10px;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:60px}.SkillItem:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}.SkillItem span{color:#ccc;display:block;font-size:.95rem;font-weight:500;margin-top:5px}.SeeMoreButton{background-color:initial;border:1px solid #13bbff;border-radius:8px;color:#13bbff;cursor:pointer;font-size:.95rem;margin-top:40px;padding:10px 20px;transition:background-color .3s ease,color .3s ease}.SeeMoreButton:hover{background-color:#13bbff;color:#1e1f24}@media screen and (max-width:768px){.SkillsContainer{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.SkillItem{padding:15px 5px}.SkillItem img{height:50px;width:50px}.SkillItem span{font-size:.85rem}}.Projects{align-items:center;color:#13bbff;display:flex;flex-direction:column;justify-content:center;margin-bottom:250px;position:relative;width:100%;z-index:1}#newProject{align-self:start;background-color:rgba(0,0,0,.4);border-radius:21px;color:#13bbff;padding:10px;position:absolute;-webkit-transform:rotate(320deg);transform:rotate(320deg)}.project-card{align-items:center;background-color:hsla(0,0%,100%,.05);border-radius:20px;box-shadow:0 10px 20px rgba(0,0,0,.2);color:#fff;display:flex;flex-direction:column;margin:20px;max-width:420px;overflow:hidden;padding:20px;position:relative;text-align:center;-webkit-transform:scale(1);transform:scale(1);transition:all .3s ease-in;width:100%}.project-card:hover{box-shadow:0 15px 30px hsla(0,0%,4%,.9);scale:1.05}.project-card img{-webkit-animation:float 4s ease-in-out infinite;animation:float 4s ease-in-out infinite;border-radius:10px;height:auto;max-width:350px}@-webkit-keyframes float{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}@keyframes float{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}.project-info{display:flex;flex:1 1;flex-direction:column;margin:20px 0}.project-info h2{font-size:1.35rem;margin-bottom:15px;margin-top:20px}.project-languages{display:flex;flex-wrap:wrap;gap:5px;height:60px;justify-content:center;margin:10px 0;max-width:24em}.language-label{background-color:rgba(0,0,0,.3);border-radius:5px;color:#fff;font-size:14px;height:25px;margin-right:5px;padding:5px 10px}.buttons{display:flex;gap:10px;justify-content:center}.buttons a,.buttons button{background-color:#007acc;border-radius:5px;color:#fff;font-weight:700;padding:10px 20px;text-decoration:none;transition:background-color .3s ease}.buttons button:hover{background-color:#005c9f}.ProjectsHeader{margin:1em 0;width:-webkit-max-content;width:max-content}.projectContent{display:flex;flex-wrap:wrap;justify-content:space-around;margin:auto;max-width:1900px;padding:20px}@media screen and (max-width:768px){.Projects{padding:0 30px}#newProject{align-self:start}.project-languages{justify-content:center;padding:0 10px}.buttons a{padding:8px}.project-card{margin:0;padding:0;width:100%}.project-card img{width:100%}.projectContent{gap:2em;margin:0;padding:0}.project-info{margin:30px 0}}@media screen and (max-width:390px){#newProject{align-self:start}}:root{--modalWidth:1900px}.Modal{background:linear-gradient(45deg,#2a353b,#1c2328);border-radius:20px;display:flex;flex-direction:column;height:auto;margin:100px;max-width:1900px;max-width:var(--modalWidth);min-height:1000px;padding:0 10px 100px;position:relative;position:absolute;top:10px;top:0;width:98%}.modalContent{display:flex;gap:50px;padding:0 50px;position:relative}.closeButton{color:#fff;display:flex;justify-content:flex-end;padding:10px;width:100%}.closeButton button{background-color:initial;color:#fff;cursor:pointer;font-size:24px;width:10px}.leftSide{align-items:center;display:flex;flex-direction:column;max-width:1900px;max-width:calc(var(--modalWidth));width:100%}.imgContainer{box-shadow:0 0 20px rgba(0,0,0,.3);cursor:pointer;height:auto;margin-bottom:20px;min-height:495px;overflow:hidden;padding:0;position:relative}.imgContainer,.imgContainer img{border-radius:20px;top:0;width:100%}.imgContainer img{bottom:0;height:100%;left:0;max-width:100%;position:absolute;right:0}.ProjectImages{display:flex;gap:50px}.nextImg,.prevImg{background-color:#007acc;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px;transition:background-color .3s ease;width:100px}.nextImg:hover,.prevImg:hover{background-color:#005c9f}.rightSide{color:#fff;display:flex;flex-direction:column;max-width:1900px;max-width:calc(var(--modalWidth));width:100%}.projectLinks{display:flex;gap:20px;padding:20px 0}.projectLinks a{border:1px solid #007acc;border-radius:4px;box-shadow:0 0 10px rgba(0,123,204,.3);color:#007acc;padding:8px 16px;text-decoration:none;transition:background-color .3s,color .3s}.projectLinks a:hover{background-color:#007acc;color:#fff}.projectDesc{color:#fff;font-size:16px;line-height:1.5;padding:0 0 20px}.techStack{margin:20px 0}.techIcons{display:flex;gap:10px}.techIcons img{height:40px;width:40px}@media screen and (max-width:1200px){.modalContent{flex-direction:column;justify-content:center}.nextImg,.prevImg{top:300px}.projectTitle{width:100%}}@media screen and (max-width:768px){.Modal{border-top-left-radius:0;border-top-right-radius:0;margin:0;min-height:1410px;padding:20px 0;top:0;width:100vw}.nextImg,.prevImg{top:200px}.imgContainer{min-height:300px;object-fit:cover;width:90vw}.imgContainer img{height:100%;width:100%}.projectDesc{flex-wrap:wrap}}.popUp{align-items:center;background-color:rgba(0,0,0,.9);display:flex;height:100%;justify-content:center;left:0;padding:10px;position:fixed;top:0}.popUp,.popUpContent{width:100%;z-index:9999}.popupImg{left:50%;position:relative;-webkit-transform:translate(-50%);transform:translate(-50%);width:60%}@media screen and (max-width:900px){.popupImg{width:80%}}@media screen and (max-width:760px){.popupImg{height:400px;max-height:500px}}.popUp :not(.popupImg){cursor:pointer}.popupImg{cursor:auto}.timelineContainer{align-items:center;color:#f0f0f0;display:flex;flex-direction:column;font-family:Inter,sans-serif;margin:auto;max-width:1000px;padding:150px 20px}.profileDetails{width:100%}.sectionHeader{color:#13bbff;font-size:2rem;font-weight:600;letter-spacing:1.2px;margin-bottom:40px}.timeline{display:flex;flex-direction:column;padding:2rem 0;position:relative;width:100%}.timeline:before{background:linear-gradient(180deg,#13bbff,#2196f3);border-radius:2px;bottom:0;content:"";left:50%;position:absolute;top:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:3px;z-index:0}.timeline-item{background:#202c33;border-radius:12px;box-shadow:0 6px 15px rgba(19,187,255,.3);margin-bottom:40px;padding:20px 25px;position:relative;transition:box-shadow .3s ease;width:45%;z-index:1}.timeline-item:hover{box-shadow:0 10px 25px rgba(19,187,255,.6)}.timeline-item.left{align-self:flex-start;margin-right:auto;-webkit-transform-origin:right center;transform-origin:right center}.timeline-item.right{align-self:flex-end;margin-left:auto;-webkit-transform-origin:left center;transform-origin:left center}.timeline-dot{background:#13bbff;border:3px solid #202c33;border-radius:50%;box-shadow:0 0 8px #13bbff88;height:18px;left:-9px;position:absolute;top:24px;width:18px;z-index:2}.timeline-item.right .timeline-dot{left:auto;right:-9px}.period{color:#82caff;display:block;font-size:.85rem;font-weight:600;margin-bottom:10px}h3{color:#e0e0e0;font-size:1.3rem;margin:0 0 10px}.description{color:#ccc;font-size:1rem;line-height:1.5}@media screen and (max-width:768px){.timeline{margin:0;padding-left:0;position:relative}.timeline:before{height:100%;left:0;-webkit-transform:none;transform:none;width:3px}.timeline-item{align-self:flex-start!important;border-radius:12px;box-shadow:0 6px 15px rgba(19,187,255,.3);margin:0 0 50px 15px!important;padding:20px 5px!important;-webkit-transform-origin:left center!important;transform-origin:left center!important;width:80%!important}.timeline-dot{border-width:3px;box-shadow:0 0 6px #13bbffaa;height:16px;left:0!important;right:auto!important;top:0;width:16px}.period{font-size:.9rem}h3{font-size:1.2rem}.description{font-size:.95rem;line-height:1.4}}.loader-container{align-items:center;display:flex;flex-direction:column}#svg{stroke:#fff;fill-opacity:0;stroke-width:3px;stroke-dasharray:4500;-webkit-animation:draw 10s ease;animation:draw 10s ease;height:150px;width:150px}.loading-page{align-items:center;background:linear-gradient(90deg,#034c6b,#203a43,#0f2027);display:flex;flex-direction:column;gap:1.5rem;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.loading-text{-webkit-animation:fadeIn 1s ease forwards;animation:fadeIn 1s ease forwards;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(180deg,#7edaff,#0a8fb8);color:transparent;font-size:24px;font-weight:700;margin-top:16px}@-webkit-keyframes draw{0%{stroke-dashoffset:4500}to{stroke-dashoffset:0}}@keyframes draw{0%{stroke-dashoffset:4500}to{stroke-dashoffset:0}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=main.40567c3a.css.map*/