@import"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap";.banner-Logo{display:flex;align-items:center;justify-content:center;background-color:var(--primary-color)}.logo .logo-img{width:250px;height:auto;margin-top:50px}.banner-Name{background-color:var(--primary-color);height:50px;color:var(--text-color);font-size:2.5rem;font-weight:700;display:flex;justify-content:center;text-align:center;flex-wrap:wrap;padding:20px 0 90px;text-shadow:0 10px 10px rgba(0,0,0,.9)}.navbar{position:sticky;top:-110px;z-index:1000}.nav-Container{display:flex;justify-content:space-between;align-items:center;background-color:#fff;border-top:3px solid var(--secondary-color);border-bottom:3px solid var(--secondary-color);box-shadow:0 4px 6px #0003;position:relative}.logo img{width:75px;margin:5px 20px}.nav-links{display:flex;align-items:center;justify-content:center;padding:0 20px;color:var(--primary-color);font-weight:700;font-size:20px}.nav-links a{font-size:16px;margin-left:1.5rem}.nav-links a:hover{color:#2c4f6d;border-bottom:2px solid var(--primary-color)}.btn{background-color:var(--primary-color);padding:8px 16px;border-radius:10px;color:var(--secondary-color);word-spacing:.1rem;border:none}.nav-cta:hover,a.nav-cta:hover{background-color:#0e2841cc;color:var(--secondary-color);border:none}.hamburger{display:none;cursor:pointer;background:none;border:none;padding:10px;z-index:1001}@media (max-width: 845px){.banner-Name{font-size:2rem;display:none}.banner-Logo{background-image:linear-gradient(to bottom,#0e284180,#0e284180),url(/assets/bannerImg-DbO1H1pg.png);background-size:cover;background-position:center;background-repeat:no-repeat;min-height:75vh}.banner-Logo img{display:none}.navbar{top:0}}@media (max-width: 730px){.hamburger{display:block}.hamburger .menu-icon{color:var(--primary-color);margin:5px 0;transition:all .3s ease;font-size:2rem}.nav-links{position:fixed;top:0;right:-100%;width:60%;height:100vh;background-color:#fff;flex-direction:column;justify-content:flex-start;transition:right .3s ease-in-out;box-shadow:-5px 0 15px #0000001a;z-index:1000;padding:10px 20px;margin:0;gap:1rem;align-items:flex-start}.nav-links.open{right:0}.nav-links a{margin:7px 0;font-size:1.2rem;padding:10px;width:100%;text-align:center}.nav-links a:hover{background-color:#0e28411a;border-bottom:none}.nav-cta{margin-top:20px}}:root{--primary-color: #0e2841;--secondary-color: #e9c46a;--text-color: #ffffff}.section-title{padding-bottom:15px;font-size:1.2rem;font-weight:700;margin-bottom:1rem;border-bottom:3px solid #0e2841;color:var(--primary-color);word-spacing:.3rem;letter-spacing:1px;text-transform:uppercase;display:flex;justify-content:center;align-items:center;width:100%}section{box-shadow:0 4px 6px #0000001a;margin:1rem 2rem;word-spacing:.3rem;letter-spacing:1px;min-height:400px;border-radius:1.2rem;scroll-margin-top:10rem}.outerTitle{display:none}section.about{display:flex;background-color:#fff;gap:1rem;justify-content:center}.about-content .section-title{justify-content:left}.about>.section-title{display:none}.about-content{flex:2;padding:2rem 0;display:flex;flex-direction:column;justify-content:center;margin-top:10px}.about-text-container{padding:.5rem 2rem 0;font-weight:400;word-spacing:.3rem;letter-spacing:1px;line-height:1.5rem}.skill-section{display:flex;flex-direction:column;justify-content:center;padding:2.5rem 0 4rem;background-color:var(--primary-color);margin-top:20px;color:#fff;word-spacing:.3rem;letter-spacing:1px}div.skill{display:flex;justify-content:center;align-items:flex-start;gap:12rem;width:90%;padding:0 2rem}.skill-category{font-size:1.4rem;font-weight:700;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.sIcon{font-size:2.4rem}ul{padding-left:2rem;line-height:2rem}.projects-container{display:flex;flex-direction:column;align-items:center;justify-content:space-between;margin-top:20px;position:relative;gap:2rem;margin:1rem 2rem}section.projects-carousel{display:flex;flex-direction:column;align-items:center;color:#fff;position:relative;overflow:hidden;line-height:1.5rem;word-spacing:.3rem;box-shadow:none;margin:3rem 0 0}.project-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:2rem;min-height:380px;width:85%}.project-grid .logo{display:flex;align-items:center;justify-content:center;font-size:4.5rem;font-weight:700}.project-content{display:flex;flex-direction:column;justify-content:center;gap:1.5rem}.project-content h3{font-size:1.5rem;font-weight:700}.project-links{display:flex;gap:1rem;justify-content:space-between;width:60%}.project-links div{display:flex;align-items:center;gap:.75rem;font-size:1.2rem}.project-grid .logo img{width:20rem}.arrow-button{background:var(--primary-color);border:none;cursor:pointer;padding:1rem;position:absolute;top:50%;transform:translateY(-50%);z-index:10;color:#fff;font-size:1.5rem;border-radius:50%;width:45px;height:45px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px #0003;transition:all .3s ease}.arrow-icon{font-size:4rem;color:#fff}.arrow-button:hover{box-shadow:0 3px 8px #0000004d;transform:translateY(-50%) scale(1.1)}.left-arrow{left:50px}.right-arrow{right:50px}.indicators{display:flex;justify-content:center;gap:.5rem;left:0;right:0;margin-bottom:2rem}.indicator{width:10px;height:10px;border-radius:50%;background-color:var(--primary-color);border:none;cursor:pointer;transition:all .3s ease}.indicator.active{background-color:#fff;border:2.5px solid var(--primary-color);transform:scale(1.5)}.projects-container[data-project-index="0"]{background-color:#006e00;color:#fff;box-shadow:0 4px 6px #0000001a;border-radius:1.2rem}.projects-container[data-project-index="1"]{background:linear-gradient(270deg,#f009,#000000e6);color:#fff;box-shadow:0 4px 6px #0000001a;border-radius:1.2rem}.projects-container[data-project-index="2"]{background:linear-gradient(360deg,#d1fae5,#22c55e);color:var(--primary-color);box-shadow:0 4px 6px #0000001a;border-radius:1.2rem}.projectP{display:inline-block}@media (max-width: 845px){.about-content>.section-title{display:none}.about>.section-title{display:flex;padding-top:2rem}section.about{flex-direction:column;gap:0}.about-content{padding-top:0}.about-img{border-radius:0;display:none}.about-text-container{padding-right:2rem;display:flex;justify-content:center}div.skill{flex-direction:column;gap:1rem;width:100%;align-items:center}.project-grid{display:flex;flex-direction:column;gap:1.5rem}.project-grid .logo{display:none}.project-links{width:100%}.arrow-button{width:35px;height:35px}.arriw-button>.arrow-icon{font-size:20px;color:#fff}.left-arrow{left:10px}.right-arrow{right:10px}p.projectP{display:none}}@media (max-width: 450px){section{margin:1rem .5rem}div.projects-container{margin:1rem .5rem}.outerTitle{font-size:8rem}}.projects-container{overflow:hidden;position:relative;touch-action:pan-y}.carousel-wrapper{display:flex;align-items:center;justify-content:space-between;width:100%}.projects-carousel{flex:1;transition:transform .3s ease}.projects-carousel.swipe-left{transform:translate(-10px);transition:transform .1s ease}.projects-carousel.swipe-right{transform:translate(10px);transition:transform .1s ease}.arrow-button:hover{background:#0006}.arrow-icon{color:#fff;font-size:1.2rem}.contact-form{display:flex;flex-direction:column;width:100%;padding:30px;border-radius:10px;font-family:Arial,sans-serif;word-spacing:.3rem;letter-spacing:1px}.form-group{margin-bottom:25px}.form-group label{display:block;margin-bottom:10px;color:#0a1c2f;font-weight:700;font-size:1.1em}.form-group input[type=text],.form-group input[type=email],.form-group textarea{width:100%;padding:15px;background-color:#e7e7e7;border:1px solid #0e2841;border-radius:8px;color:#0e2841;font-size:1em;transition:border-color .3s ease,box-shadow .3s ease}.form-group input::-moz-placeholder,.form-group textarea::-moz-placeholder{color:#0e2841}.form-group input::placeholder,.form-group textarea::placeholder{color:#0e2841}.form-group input:focus,.form-group textarea:focus{border-color:#5b9bd5;outline:none;box-shadow:0 0 0 3px #5b9bd580}.form-group textarea{resize:vertical;min-height:120px}.btn-primary{display:block;background-color:#163e64;width:100%;padding:15px 25px;border:none;border-radius:8px;font-size:1.1em;font-weight:700;cursor:pointer;transition:background-color .3s ease,transform .2s ease;letter-spacing:.5px}.btn-primary:hover{background-color:#0e2841;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.error{color:red;font-size:.8rem}.success-message{color:green;font-weight:700;margin-top:1rem}@media (max-width: 768px){.contact-form{margin:5px auto;padding:10px}.form-group{margin-bottom:12px}}section.contact-info{background-color:#fff;display:flex;flex-direction:column;padding:2.5rem 0 4rem;color:var(--primary-color)}.contact-grid{display:flex;flex-direction:column-reverse;gap:2rem;width:90%;margin:auto}.contact-list{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;font-size:1.2rem;font-size:1rem;margin-bottom:2rem}.social-links{display:flex;gap:1rem}.info-card a{display:flex;align-items:center;gap:.3rem}.social-links a{display:flex;justify-content:center;align-items:center;gap:.3rem}a:hover{color:#5781a5}footer .container{background-color:var(--primary-color);color:#fff;padding:1.5rem 0;text-align:center}@media (max-width: 500px){.media-link{display:none}}/*! tailwindcss v4.1.7 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}.container{width:100%}.flex{display:flex}.hidden{display:none}.table{display:table}.h-auto{height:auto}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.justify-center{justify-content:center}.scroll-smooth{scroll-behavior:smooth}.text-center{text-align:center}.italic{font-style:italic}@media (hover:hover){.hover\:underline:hover{text-decoration-line:underline}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-optical-sizing:auto;word-spacing:.2rem;letter-spacing:1px;background-color:#dee3e7;font-family:Rubik,sans-serif;font-style:normal;font-weight:400}a{color:inherit;text-decoration:none}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}
