:root{--primary:white;--secondary:black;--hover:rgb(250, 0, 125);--transperent: rgba(255, 255, 255, .05);--transperent2:rgba(255, 255, 255, .2);--special:aqua;--test:green}*{margin:0;padding:0;list-style:none;text-decoration:none;scroll-behavior:smooth}.nav{position:fixed;top:0;width:100%;padding:10px 20px;background-color:var(--transperent);-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--primary);transition:background-color .3s ease,backdrop-filter .3s ease;z-index:999}.menu{display:flex;justify-content:flex-end;list-style:none;flex-wrap:wrap;margin-right:3%;padding:0;gap:3%}.nav-links{margin:0 15px;font-family:Segoe UI,sans-serif;font-size:1.1rem;position:relative;transition:color .3s ease}.nav-links a{text-decoration:none;color:var(--primary);padding:8px 0;display:inline-block}.container{display:flex;justify-content:space-between;margin-top:10%;color:var(--primary)}.title{font-size:xx-large}.content-right{margin:5% 0 0 18%}.content-left{margin-right:15%}.content-left img{width:550px;height:450px}.container2{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:0 5%;color:var(--primary)}.container2>div:first-child{width:100%;text-align:center;margin-bottom:2rem}.intro{font-size:2.5rem;font-weight:700}.highlight{color:var(--special)}.content-left2,.content-right2{flex:1;min-width:300px;margin:0 0 0 13%;font-size:larger}.content-left2 img{max-width:100%;height:auto;border-radius:10px}.find{display:flex;text-align:center;flex-wrap:wrap;justify-content:center;color:var(--primary);margin-top:5%}.free{display:flex;text-align:center;flex-wrap:wrap;justify-content:center;color:var(--primary);margin-top:1%;font-size:x-large;gap:7px}.links ul{list-style:none;display:flex;gap:20px;padding:0;justify-content:center;align-items:center;margin-top:2%}.links li i{color:#fff;font-size:2rem;transition:transform .3s ease,color .3s ease;cursor:pointer}.links li i:hover{transform:scale(1.3);color:var(--special)}footer{display:flex;flex-wrap:wrap;justify-content:center;margin-top:3%;padding:30px;font-size:larger;background-color:var(--transperent);color:var(--primary)}.nav{position:fixed;width:100%;top:0;background-color:var(--transperent);-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--primary);z-index:999;transition:background-color .3s ease,backdrop-filter .3s ease}.nav.scrolled{background-color:var(--transperent2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.nav-container{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;max-width:1200px;margin:0 auto}.logo a{color:var(--primary);font-size:1.5rem;font-weight:700;text-decoration:none}.menu{display:flex;list-style:none;gap:20px}.nav-links a{color:var(--primary);text-decoration:none;font-size:1.1rem;padding:8px 0;position:relative;transition:color .3s ease}.nav-links a:after{content:"";display:block;height:2px;width:0;background-color:var(--hover, #00FFFF);transition:width .3s ease;position:absolute;bottom:0;left:0}.nav-links a:hover:after{width:100%}.menu-icon{display:none;flex-direction:column;cursor:pointer;width:25px;height:20px;justify-content:space-between}.menu-icon div{height:3px;background-color:var(--primary);border-radius:2px;transition:all .3s ease}.menu-icon.active .bar1{transform:rotate(-45deg) translate(-5px,6px)}.menu-icon.active .bar2{opacity:0}.menu-icon.active .bar3{transform:rotate(45deg) translate(-5px,-6px)}.tech-icon{display:flex;flex-wrap:wrap;justify-content:center;margin:0 7% 2% 3%;gap:3%}.card{width:180px;height:120px;background-color:var(--primary);border:2px solid #800080;border-radius:10px;display:flex;justify-content:center;align-items:center;box-shadow:0 0 10px #80008080;transition:transform .3s ease;margin-bottom:2%}.card:hover{transform:scale(1.05);background-color:purple}.card-icon{width:70%;height:70%;object-fit:contain}.contact-container{max-width:800px;margin:12% 0 3% 25%;padding:2rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;box-shadow:0 0 20px #0003;color:#fff}.contact-container h2{text-align:center;margin-bottom:1.5rem;font-size:2rem}.contact-form{display:flex;flex-wrap:wrap;gap:1rem}.form-group{flex:1 1 45%;display:flex;flex-direction:column}.full-width{flex:1 1 100%}label{margin-bottom:.5rem;font-weight:600}input,textarea{padding:.75rem;border:1px solid #ccc;border-radius:6px;background:#fff3;color:#fff;font-size:1rem}textarea{resize:vertical;min-height:120px}button{margin-top:1rem;padding:.75rem 1.5rem;background-color:#007bff;color:#fff;border:none;border-radius:6px;font-size:1rem;cursor:pointer;align-self:flex-end}button:hover{background-color:#0056b3}.resume-button-wrapper{display:flex;justify-content:center;margin-top:.2rem}.download-btn{display:block;margin:1rem auto;padding:.75rem 1.5rem;background-color:#28a745;color:#fff;border:none;border-radius:6px;font-weight:700;font-size:1rem;cursor:pointer;transition:background-color .3s ease}.download-btn:hover{background-color:#218838}.works{text-align:center;margin:0 auto;padding:2rem}.works p{font-size:1.3rem;margin-top:.5rem}.project-container{display:flex;justify-content:center;align-items:center;padding:2rem;flex-wrap:wrap;gap:2rem}.project-container{display:flex;justify-content:center;align-items:center;padding:2rem;min-height:100vh;flex-wrap:wrap}.project{background:transparent;border-radius:16px;box-shadow:0 0 20px #ffffff1a;max-width:400px;width:100%;padding:1.5rem;color:#fff;font-family:Segoe UI,sans-serif;position:relative;overflow:hidden}.project:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:.1;pointer-events:none}.project img{width:100%;border-radius:12px;margin-bottom:1rem}.project h2{font-size:1.5rem;margin-bottom:.5rem}.project p{font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.project-buttons{display:flex;gap:1rem}.project-buttons a{text-decoration:none;padding:.6rem 1.2rem;background-color:#7c3aed;color:#fff;border-radius:8px;font-weight:700;transition:background-color .3s ease}.project-buttons a:hover{background-color:#5b21b6}@media (max-width: 768px){.contact-container{margin:15% 0 0 2%;padding:1.5rem}.form-group{flex:1 1 100%}.contact-container h2{font-size:1.75rem}input,textarea{font-size:.95rem}button,.download-btn{font-size:.95rem;padding:.6rem 1.2rem}}@media (max-width: 480px){.contact-container{margin-top:25%;padding:1rem}.contact-container h2{font-size:1.5rem}input,textarea{font-size:.9rem}button,.download-btn{font-size:.9rem;padding:.5rem 1rem}}@media (max-width: 768px){.form-group{flex:1 1 100%}button{width:100%;align-self:center}}@media screen and (max-width: 768px){.menu{position:absolute;top:60px;right:20px;background-color:#333;flex-direction:column;width:150px;border-radius:4px;box-shadow:0 2px 5px #0000004d;padding:10px 0;display:none}.menu.active{display:flex}.nav-links{padding:10px 20px}.nav-links a{color:#fff}.menu-icon{display:flex}}@media screen and (max-width: 768px){.menu-toggle,.menu{display:none}.menu.active{display:flex}.nav-links{padding:10px 20px}.nav-links a{color:#fff}.menu-icon{display:flex}}@media screen and (max-width: 768px){.menu-toggle{display:block!important;background:none;border:none;font-size:24px;cursor:pointer;color:#fff;position:absolute;top:10px;right:10px;z-index:1001}.menu{display:none;flex-direction:column;background-color:#2e1a47;position:absolute;top:50px;right:10px;width:150px;border-radius:4px;box-shadow:0 2px 5px #0000004d;z-index:1000}.menu.menu-open{display:flex}.nav-links{padding:10px;border-bottom:1px solid #555}.nav-links:last-child{border-bottom:none}.nav-links a{color:#fff;text-decoration:none}.nav-links a:hover{text-decoration:underline}}.wave{animation-name:wave-animation;animation-duration:2.5s;animation-iteration-count:infinite;transform-origin:70% 70%;display:inline-block}@keyframes wave-animation{0%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}to{transform:rotate(0)}}@media screen and (max-width: 575px){.container,.container2,.free,.find{flex-direction:column;text-align:center;margin-top:15%}.content-left img{width:100%;height:auto}.content-left,.content-right,.content-left2,.content-right2{margin:0;font-size:1rem}.intro{font-size:1.8rem}.menu{flex-direction:column;align-items:center;gap:10px}.nav-links{margin:10px 0}footer{font-size:medium;padding:20px}.links li i{font-size:1.5rem}}@media screen and (min-width: 576px) and (max-width: 991px){.container,.container2{flex-direction:column;align-items:center;margin-top:10%}.content-left,.content-right,.content-left2,.content-right2{margin:0 5%;font-size:1.1rem}.content-left img{width:100%;height:auto}.intro{font-size:2rem}.menu{flex-wrap:wrap;justify-content:center;gap:15px}.nav-links{margin:10px}footer{font-size:medium}.links li i{font-size:1.8rem}}