@import"https://fonts.googleapis.com/css2?family=Big+Shoulders+Stencil:opsz,wght@10..72,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";#root{margin:0;padding:0;width:100%;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}nav{padding:10px}nav ul{list-style:none;display:flex;gap:15px;justify-content:center;padding:0}nav ul li{display:inline}.nav-container{display:flex;align-items:center}.nav-links{display:flex;gap:20px;list-style:none}.nav-links li a{text-decoration:none;color:#f4f4f4;font-size:24px;font-weight:700;transition:color .3s ease-in-out;-webkit-text-stroke:.5px black;-webkit-text-fill-color:#ffffff}.nav-links li a:hover{background-color:#000;color:#fff;border:2px solid #62ff00;box-shadow:-3px -3px #62ff00;border-radius:10%}.menu-toggle{cursor:pointer}@media (max-width: 768px){.nav-links.open{display:flex}.nav-links li{margin:10px 0}.nav-links li a{font-size:20 px}}header{width:100%;height:170px;color:#fff;padding:36px;display:flex;justify-content:space-between;align-items:center;background-image:url(https://images.unsplash.com/photo-1448375240586-882707db888b?q=80&w=3270&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);background-size:cover;background-position:center;font-family:Roboto,sans-serif;z-index:1}h1{font-size:64px;font-weight:700;-webkit-text-stroke:.5px black;-webkit-text-fill-color:#ffffff}*{margin:0;padding:0;box-sizing:border-box}main{padding-top:18px}.header-container{display:flex;justify-content:space-between;align-items:center;background-color:#000c;padding:15px 30px;color:#f4f4f4;box-shadow:0 4px 8px #0000004d}.helmet{margin-bottom:-10px;width:100px;height:100px}@media (max-width: 768px){.header-container{flex-direction:column;text-align:center}}.footer{display:flex;justify-content:center;align-items:center;padding:20px;background-color:#f4f4f4;position:fixed;bottom:0;width:100%;height:5px}.button-container{display:flex;gap:20px}.social-button{display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:16px;transition:transform .3s ease,background-color .3s ease}.social-button:hover{transform:scale(1.05)}.social-button .social-icon{width:40px;height:40px;margin-right:10px;margin-top:30px;margin-bottom:30px}.about-section{padding:40px;text-align:justify;margin:0 auto;max-width:1400px;max-height:auto;background-color:#f4f4f4;border-radius:8px;box-shadow:0 2px 4px #0000001a}.about-section h2{text-align:left;font-size:32px;font-weight:700;color:#333;font-family:Roboto,sans-serif}.about-section p{margin-top:20px;font-size:18px;color:#666;line-height:1.6;text-align:justify;font-family:Roboto,sans-serif}.about-section a{color:#007bff;text-decoration:none;font-weight:700}.about-section a:hover{text-decoration:underline}.avatar{width:150px;height:150px;border-radius:50%;object-fit:cover;display:flex;justify-content:center;margin-top:10px;border:4px solid transparent}.highlight{color:#47752d;font-weight:700;text-transform:uppercase}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.about-container{flex-direction:column;text-align:center}.avatar{width:150px;height:150px}}.portfolio{text-align:center;padding:10px;font-family:Roboto,sans-serif}.carousel{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:40px}.nav-btn{background:#111;color:#fff;border:none;font-size:18px;padding:12px 16px;cursor:pointer;border-radius:10px}.card{width:720px;border-radius:18px;overflow:hidden;text-decoration:none;color:#000;background:#fff;box-shadow:0 10px 30px #00000026;transition:transform .3s ease}.card:hover{transform:translateY(-6px)}.card-img{width:100%;height:220px;border-radius:20px;object-fit:cover}.card p{margin-bottom:0}.card-body{padding:18px}.card-body h3{margin:10px;font-size:20px}.desc{font-size:14px;color:#444}.problem{font-size:13px;color:#555}.tech{font-size:13px;color:#666}.highlight{font-size:13px;color:#0a7a3d}.card-img{cursor:pointer;transition:transform .3s ease,filter .3s ease}.card-img:hover{transform:scale(1.03);filter:brightness(1.1)}.card .github{width:32px;margin-top:20px;cursor:pointer;transition:transform .2s ease}.card .github:hover{transform:scale(1.15) rotate(5deg)}.contact{padding:3rem;max-width:1000px;margin:0 auto;background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 10px #0000001a}h2{text-align:center;font-size:2rem;margin-bottom:1rem;color:#333;font-family:Roboto,sans-serif}p{text-align:center;font-size:1rem;color:#666;margin-bottom:2rem;font-family:Roboto,sans-serif}form{display:flex;flex-direction:column;gap:1rem;font-family:Roboto,sans-serif}label{font-size:1rem;color:#333}input,textarea{padding:1rem;font-size:1rem;border:1px solid #ccc;border-radius:5px;width:100%;box-sizing:border-box}input[type=email]{border-color:#009688}textarea{height:150px;resize:none}span{color:red;font-size:.9rem;margin-top:-10px;margin-bottom:1rem}button{background-color:#009688;color:#fff;border:none;padding:1rem;font-size:1.1rem;cursor:pointer;border-radius:5px;transition:background-color .3s ease}button:hover{background-color:#00796b}.error{color:red;font-size:12px;margin-top:5px}.resume-section{padding:20px}.resume-section h2{font-size:2rem;color:#333}.resume-section p{font-size:1.2rem;margin-bottom:20px}.resume-section a{color:#0077b6;text-decoration:none}.proficiencies{display:flex;justify-content:space-between;background-color:#f4f4f4;border-radius:30px;padding:20px;margin:0 auto;max-width:900px}.proficiencies div{width:45%}.proficiencies h3{font-size:1.5rem;margin-bottom:10px}.proficiencies ul{list-style:none;padding:0}.proficiencies li{font-size:1rem;margin-bottom:5px}@media (max-width: 768px){.proficiencies{flex-direction:column;align-items:center;padding:20px;margin:0 20px}.proficiencies div{width:100%;text-align:center;margin-bottom:15px}}