@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto+Slab&display=swap);.nav-toggles{align-items:center;display:flex;gap:.5rem;z-index:5}.nav-menu-toggle{display:none}@media (max-width:1024px){.nav-toggles{position:fixed;right:20px;top:20px}.nav-menu-toggle{display:block}}.theme-toggle{transform:scale(1);transition:transform .2s ease;-webkit-user-select:none;user-select:none}.theme-toggle:hover{cursor:pointer;transform:scale(1.1)}.theme-toggle:active{transform:scale(.7);transition:transform .2s ease}@media (max-width:1024px){.theme-toggle,.theme-toggle:hover{transform:scale(.8)}}.lightMode-spin{animation:clockwise-spin .4s ease}@keyframes clockwise-spin{0%{transform:rotate(-90deg)}25%{transform:rotate(45deg)}50%{transform:rotate(0deg)}75%{transform:rotate(15deg)}to{transform:rotate(0deg)}}.darkMode-spin{animation:counter-clockwise-spin .4s ease}@keyframes counter-clockwise-spin{0%{transform:rotate(90deg)}50%{transform:rotate(-25deg)}to{transform:rotate(0deg)}}.darkMode-spin:active,.lightMode-spin:active{animation:spin .2s ease}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.navbar-container{align-items:center;background-color:#fffc;border-radius:30px;box-shadow:0 8px 14px #0000001a;display:flex;gap:1.5rem;justify-content:flex-end;padding:6px 20px 8px;position:fixed;right:40px;top:20px;z-index:5}.navbar-container-dark{background-color:#00000080}@media (max-width:1024px){.navbar-container{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);border:none;padding:0;right:0;top:0;width:100%}.navbar{background-color:#ffffffe6;font-size:1.1rem;height:100vh;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .2s ease-in-out;width:100%;z-index:10}.nav-dark{background-color:#000c}.show-navbar{transform:translateX(0)}}.navbar ul{align-items:center;display:flex;font-size:.9rem;font-weight:600;gap:1.5rem}@media (max-width:1024px){.navbar ul{flex-direction:column;gap:1.5rem;left:60px;position:absolute;top:160px}}.navbar li{align-items:center;color:#000c;display:flex;gap:8px;justify-content:center;position:relative}.nav-dark li{color:#fffc}.navbar li.active,.navbar li:hover{color:#000;cursor:pointer}.nav-dark li.active,.nav-dark li:hover{color:#fff}@media (max-width:1024px){.navbar li{color:#000}.nav-dark li{color:#fff}}.navbar li:after{background-color:var(--highlight-color);bottom:-4px;content:"";height:3px;left:0;position:absolute;transition:all .2s ease-in-out;width:0}.navbar li.active:after{width:100%}.nav-close-button{display:none}@media (max-width:1024px){.nav-close-button{display:block;position:absolute;right:12px;top:12px}}.sidebar{background-color:#101932e6;box-shadow:0 8px 14px #0000001a;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;padding:2.4rem;position:-webkit-sticky;position:sticky;top:0}.sidebar-dark{background-color:#0000004d}@media (max-width:1024px){.sidebar{display:none}}.sidebar-name{color:#fff;display:flex;flex-direction:column;font-family:Roboto Slab,serif;font-size:1.2rem;left:25px;position:absolute;top:30px;transition:color .2s ease-in-out}.sidebar-name:hover{color:#eee;cursor:pointer}.sidebar ul{display:flex;flex-direction:column;margin-bottom:5rem;width:2.4rem}.sidebar li{align-items:center;display:flex;height:20px}.sidebar li:hover{cursor:pointer}.sidebar li:hover .pagination{width:80%}.sidebar li:hover .active{width:100%}.sidebar .pagination{background-color:#fff9;height:2px;transition:width .2s ease;width:70%}.sidebar .pagination.active{background-color:#fff;width:100%}.sidebar-icons{bottom:0;display:flex;flex-direction:column;gap:1rem;left:40px;position:absolute}.icon{color:#fff;transition:transform .2s ease}.icon:hover{transform:scale(1.15)}.line{height:80px;left:50%;transform:translateX(50%)}.line,.line-dark{border-left:1px solid #fff}.down-arrow{bottom:0;left:50%;position:absolute;transform:translate(-50%,-50%)}@media (max-width:768px){.down-arrow{bottom:1%}}.down-arrow:after{animation:arrow-bounce .5s ease-out infinite alternate;color:#000;content:"\02193";font-size:40px;left:50%;position:absolute;top:50%}.down-arrow-dark:after{color:#fff}@keyframes arrow-bounce{0%{transform:translate(-50%,calc(-55% + 2px))}to{transform:translate(-50%,calc(-55% - 4px))}}.circle{height:124px;width:124px}.background{fill:#0000}.foreground{fill:#0000;stroke-dasharray:377;stroke-dashoffset:377;stroke:#00000080;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .8s ease,transform .8s ease}.down-arrow-dark .foreground{stroke:#fff}a:hover .foreground{stroke-dashoffset:0;transform:rotate(90deg)}.hero{align-items:center;display:flex;height:100vh;position:relative;width:100%;z-index:1}.hero-content{align-items:flex-start;display:flex;flex-direction:column;margin-left:18%;width:700px}@media (max-width:768px){.hero-content{margin-left:0;padding:0 2rem;width:100%}}.start{opacity:0;transform:translateY(25%)}.end{opacity:1;transform:translateY(0)}.line-one,.line-two{font-size:3.5em;font-weight:500;transition:opacity .4s ease-in-out}.line-three{font-size:2.5rem}.hero-content h1,.hero-content p{display:inline-block;transition:transform .3s ease-out}@media (min-width:1024px){.hero-content h1:hover,.hero-content p:hover{transform:translateY(-5px)}}.btn-container{display:flex;justify-content:flex-end;margin-top:2rem}.dynamic-line{font-size:1.4rem;margin-bottom:2rem;margin-top:1rem;white-space:nowrap}@media (max-width:768px){.line-one,.line-two{font-size:2.2em}.dynamic-line{font-size:.9rem}}.typewriter-cursor{animation:blink-cursor 1s step-end infinite;margin-left:2px}@keyframes blink-cursor{0%,to{opacity:0}50%{opacity:1}}.resume-button{background-color:initial;border:1px solid #bdbdbd;border-radius:5px;color:#000;display:inline-block;font-size:16px;padding:10px;position:relative;transition:transform .2s ease-out}@media (max-width:768px){.resume-button{font-size:12px;padding:8px}}.hero-dark .resume-button{color:#fff}.resume-button:after{background-color:var(--highlight-color);bottom:0;content:"";height:2px;left:0;position:absolute;transition:all .2s ease-in-out;width:0}.resume-button:hover{transform:translateX(5px)}.hero-button:hover:after,.resume-button:hover:after{width:100%}.about{margin-top:2rem}.about-content{border-radius:15px;display:flex;gap:2rem;justify-content:center;opacity:.1;transform:translateY(10%);transition:opacity .6s ease-in-out,transform .6s ease-in-out;width:100%}@media (max-width:1024px){.about-content{opacity:1;transform:translateY(0)}}.content-animate{opacity:1;transform:translateY(0)}.content-left{background-color:#f7f7f7;border-radius:15px;box-shadow:0 8px 14px #0000001a;flex:1 1;min-width:500px;padding:3rem}.content-right{flex:1 1}.about-dark .content-left{background-color:#0000004d}@media (max-width:1440px){.content-right{width:50%}}@media (max-width:1024px){.about-content{flex-direction:column;padding:1rem}.content-left,.content-right{width:100%}.content-left{min-width:100%}}@media (max-width:768px){.about-content{padding:.5rem}.content-left{padding:2rem 1rem}}.about h3{font-size:1.4rem;margin-bottom:2rem}.about p{color:#000000b3;font-size:1rem;line-height:1.7;margin-bottom:1.5rem}@media (max-width:768px){.about p{color:#000c;font-size:.9rem;line-height:1.5}}.about-dark p{color:#ffffffb3}.about .highlight{color:var(--highlight-color)}.skills{align-items:center;display:flex;flex-direction:column;padding:2rem}.skills-container{display:flex;flex-wrap:wrap;gap:2.5rem;justify-content:center;width:70%}@media (max-width:767px){.skills-container{gap:2rem;justify-content:space-between;margin-top:0;padding:1rem;width:100%}}.skill-wrapper{text-align:center}.skill-icon{background-color:#ffffff1a;border-radius:50%;box-shadow:0 8px 14px #0000001a;height:64px;margin-bottom:.7rem;padding:.8rem;transition:transform .2s ease-in-out;width:64px}.skill-icon:hover{cursor:pointer;transform:scale(1.2)}.skill-label{color:#0009;font-size:.9rem}.skills-dark .skill-label{color:#ffffff80}@media (max-width:1024px){.skill-icon{height:56px;width:56px}.skill-label{font-size:.8rem}}.projects{position:relative}.projects-group{display:flex;flex-wrap:wrap;gap:2.5rem;justify-content:center;margin-bottom:3rem;width:100%}@media (max-width:768px){.projects-group{gap:0;margin-bottom:0}}.project{align-items:center;background-color:#f7f7f7;border-radius:15px;box-shadow:0 8px 14px #0000001a;display:flex;flex:1 1;flex-direction:column;gap:1rem;min-width:300px;opacity:0;padding:1.5rem;transform:translateX(-25%);transition:opacity .4s ease-in-out,transform .4s ease-in-out}.projects-dark .project{background-color:#ffffff1a}.project-animate{opacity:1;transform:translateX(0)}@media (max-width:1024px){.project{margin-bottom:2rem;opacity:0;transform:translateX(-20%);width:100%}.project-animate{opacity:1;transform:translateX(0)}}@media (max-width:768px){.project{flex:none}}.project-image{overflow:hidden}.project-image img{box-shadow:0 8px 14px #0000001a;transition:transform .3s ease-in-out;width:100%}.project-image:hover img{transform:scale(1.2)}.project-content{display:flex;flex-direction:column;justify-content:center;padding:.5rem}.project-content h3{font-size:1.2rem;margin-bottom:1rem}.project-content p{font-size:.9rem;line-height:1.7;margin-bottom:3rem}@media (max-width:1024px){.project-content{align-items:center}.project-content h3{font-size:1.1rem;margin-bottom:1rem}.project-content p{font-size:.7rem;margin-bottom:2rem}}.button-group{bottom:20px;display:flex;gap:10px;position:absolute}@media (max-width:1024px){.button-group{bottom:0;position:relative}}.button-group .btn{align-items:center;border-radius:15px;box-shadow:0 8px 14px #0000001a;display:flex;font-size:.9rem;justify-content:center;padding:6px 12px;transition:opacity .2s ease-in-out,transform .2s ease-in-out}.button-group .btn:hover{opacity:.8;transform:translateY(-5%)}.button-group .btn .icon-container{margin-left:6px}@media (max-width:1024px){.button-group .btn{font-size:.9rem}}.contact{margin-bottom:5rem!important;position:relative}@media (max-width:768px){.contact{margin-bottom:2rem!important}}.contact-container{align-items:center;display:flex;gap:2rem;justify-content:center;opacity:.1;transform:translateY(10%);transition:opacity .6s ease-in-out,transform .6s ease-in-out}@media (max-width:1440px){.contact-container{flex-direction:column;opacity:1;transform:translateY(0)}}.contact-animate{opacity:1;transform:translateY(0)}.contact-form{background-color:#ffffffe6;border:1px solid #0000001a;border-radius:15px;box-shadow:0 8px 14px #0000001a;height:100%;padding:2rem;text-align:right;width:100%;width:35rem}@media (max-width:768px){.contact-form{border:1px solid #0000004d;width:100%}}.contact-dark .contact-form{background-color:#0000004d;border:1px solid #000}.form-header{display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem;margin-top:1rem;text-align:center}.contact-form label{display:block;font-size:.9rem;margin-bottom:1rem;text-align:left}.contact-form input,.contact-form textarea{background-color:initial;border:1px solid #bdbdbd;border-radius:5px;display:block;font-size:1rem;margin-bottom:1.6rem;padding:.7rem;resize:none;width:100%}.contact-dark .contact-form input,.contact-dark .contact-form textarea{border:1px solid #ffffff40;color:#f5f5f5}.contact-form input:focus,.contact-form textarea:focus{border:1px solid var(--highlight-color);outline:none}@media (max-width:768px){.contact-form button{width:100%}.contact-code{display:none}}.modal-overlay{background-color:#00000080;bottom:0;left:0;position:fixed;right:0;top:0}.modal,.modal-overlay{align-items:center;display:flex;justify-content:center}.modal{background-color:#fff;border-radius:4px;box-shadow:0 2px 8px #00000042;flex-direction:column;height:200px;padding:20px;width:500px}.modal-message{font-size:18px;margin-bottom:20px}.modal button{background-color:#fff;border-radius:5px;margin-top:5px;padding:6px 20px}@media (max-width:768px){.modal{width:350px}}.footer-container{align-items:center;background-color:initial;color:#000;display:flex;flex-direction:column;justify-content:center;padding:2rem}.footer-dark{color:#fff}@media (max-width:768px){.footer-container{padding-top:1rem}.copyright{font-size:.9rem}}.mobile-icons{display:none;gap:2rem;margin-bottom:1rem}.mobile-icon{color:#000;transition:transform .2s ease}.footer-dark .mobile-icon{color:#fff}.mobile-icon:hover{transform:scale(1.2)}@media (max-width:1024px){.mobile-icons{display:flex}.mobile-icons i{font-size:1.6rem}}:root{--gradient:linear-gradient(180deg,#1a1a2d,#4759b0);--gradient1:linear-gradient(135deg,#d0b2e4,#4751da);--highlight-color:#14b8a6}*{box-sizing:border-box;margin:0;padding:0}html{font-size:100%}body{font-family:Raleway,Open Sans,sans-serif;height:100%;margin:0;padding:0;width:100%}a:link,a:visited{text-decoration:none}li{list-style:none}::selection{background-color:#14b8a666}button:hover{cursor:pointer}.btn{background-color:#14b8a6;background-color:var(--highlight-color);border:none;border-radius:5px;color:#fff;outline:none;padding:.7rem 2rem;transition:opacity .2s ease-in-out}.btn:hover{opacity:.8}.App{display:flex}.main-container{display:flex;flex-direction:column;width:100%}.section{margin:0 auto 12rem;max-width:1500px;width:70%}@media (max-width:1024px){.section{padding:0 .5rem;width:100%}}@media (max-width:768px){.section{margin-bottom:6rem}}.section-header{display:flex;justify-content:center;margin-bottom:4rem;opacity:0;transform:scale(0)}.header-animate{animation:zoom-in .8s ease forwards}@media (max-width:1024px){.section-header{margin-bottom:3rem;opacity:1;transform:scale(1)}.header-animate{animation:none}}@media (max-width:768px){.section-header{margin-bottom:2.5rem}}@keyframes zoom-in{0%{opacity:0;transform:scale(0)}50%{transform:scale(110%)}to{opacity:1;transform:scale(100%)}}.section-header h1{display:inline-block;font-size:1.4rem;letter-spacing:3px;padding-top:2rem;position:relative}.section-header h1:before{border-top:2px solid #14b8a6;border-top:2px solid var(--highlight-color);content:"";left:50%;position:absolute;top:30%;transform:translate(-50%,-50%);transition:width .3s ease .3s;width:0}.header-animate h1:before{width:100%}@media (max-width:1024px){.section-header h1{font-size:1.2rem}}@media (max-width:768px){.section-header h1{font-size:1rem;padding-top:.8rem}}#canvas{height:100vh;left:0;position:absolute;top:0;width:100%;z-index:-10}@media (max-width:768px){#canvas{display:none}}.back-to-top-button{-webkit-tap-highlight-color:transparent;background-color:#0009;border-radius:50%;bottom:20px;color:#fff;cursor:pointer;font-size:20px;padding:8px;position:fixed;right:30px;z-index:999}
/*# sourceMappingURL=main.8466b12c.css.map*/