body{margin:0;padding:0;box-sizing:border-box;background-color:#000;color:#fff;font-family:Poppins,sans-serif}.header{display:flex;gap:50px;justify-content:flex-start}.logo-span{color:#0ff}.logo{margin-left:100px;color:#fff}.nav-links-main{display:flex;list-style:none;gap:80px;margin-left:50%;align-items:center}.btn-submit{padding:8px 15px;font-size:13px;background-color:red;outline:none;border:red;color:#fff;margin-top:13px;text-decoration:none}.btn-submit:hover{box-shadow:0 2px 5px 3px red}.nav-link{display:block;font-size:16px;text-decoration:none;position:relative;color:#fff;font-family:Poppins,sans-serif;margin-top:12px}.nav-link:after{content:"";position:absolute;bottom:-5px;height:2px;width:100%;left:0;background-color:#fff;transition:.4s;transform-origin:left;transition-timing-function:ease;transform:scaleX(0)}.nav-link:hover:after{transform:scaleX(1)}.nav-link:hover{color:#0ff}.toggle-menu{display:none}.home{width:100%;height:100vh;display:flex;flex-direction:row}.home-cont{width:50%;display:flex;flex-direction:column;padding:0 80px;margin-top:100px}.home-main2{width:50%;display:flex;justify-content:center;position:relative}.img1{width:80%;height:80%;border-radius:200px;box-shadow:0 4px 8px 10px #0ff,0 4px 9px 20px pink}.home-txt-1{font-size:30px;font-weight:700;margin-bottom:-30px;color:#fff}.home-txt-2{font-size:40px;font-weight:700;margin-bottom:-15px;color:#fff}.home-txt-3{font-size:25px;font-weight:700;margin-bottom:5px;color:#fff}.home-txt-3-span{color:#0ff}.home-txt-4{margin-top:30px;font-size:15px;font-weight:700;color:#fff}.sociallinks{display:flex;gap:20px}.home-txt-3-span{color:#0ff;border-right:2px solid aqua;padding-right:5px;animation:blink .8s infinite}@keyframes blink{50%{border-color:transparent}}.skills{width:100%;height:50%;display:flex;flex-direction:column;justify-content:center;align-items:center}.skills-logo-img{width:80px;height:80px}.skills-main{padding:20px 10% 10px;display:flex;list-style:none;gap:80px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scroll-behavior:smooth;animation:marquee 20s linear infinite}@keyframes marquee{0%{opacity:1;transform:translate(100%)}to{opacity:1;transform:translate(-100%)}}.skill-header{font-size:30px;color:#0ff}.skill{font-size:25px;left:0;right:25px;transition:.3s}.skill:hover{color:#0ff;transform:scale(1.1)}.projects{width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.proj-header{display:flex;align-items:center;justify-content:center;font-size:30px;color:#0ff}.container-proj{width:80%;height:80%;display:flex;flex-direction:column}.proj-cont-1{width:100%;height:50%;display:flex;margin:10px;border-radius:20px}.proj-cont-2{width:100%;height:50%;display:flex;margin:10px}.proj-main-1{width:47%;height:100%;background-color:#fff;color:#000;padding:20px;border-radius:20px}.proj-main-2{width:47%;height:100%;background-color:#fff;color:#000;padding:20px;margin-left:20px;border-radius:20px}.proj-main-3{width:47%;height:100%;background-color:#fff;color:#000;padding:20px;margin-top:40px;border-radius:20px}.proj-main-4{width:47%;height:100%;background-color:#fff;color:#000;padding:20px;margin-left:20px;margin-top:40px;border-radius:20px}.contact{padding:80px 10%;background:#000;color:#fff;text-align:center;margin-top:30px}.contact h2{font-size:32px;margin-bottom:20px;color:#0ff}.contact p{font-size:16px;margin:8px 0;color:#d4d4d8}.contact p a{color:#0ff;text-decoration:none}.contact p a:hover{text-decoration:underline}footer{background:#050505;color:#9ca3af;text-align:center;padding:20px 10%;font-size:14px;border-top:1px solid rgba(255,255,255,.1)}footer p{margin:0}.form-container{position:fixed;display:flex;inset:10% 0 0 15%;width:70%;height:80%;background-color:#fff;color:#000;overflow:hidden;z-index:1000;border-radius:20px;background:#fffc}.form-contact{width:45%;height:100%;display:flex;flex-direction:column}.img-contact{width:55%;height:100%}.img-cont{width:100%;height:100%}.contact-header{padding:14px;margin-left:33%}.form{background-color:#fff;width:70%;height:53%;margin-left:15%;display:flex;flex-direction:column;padding:20px;border-radius:20px}.text-input{padding:7px;margin-bottom:10px;outline:none;border-radius:8px;border:1px solid rgb(77,77,77)}.text-input{font-size:14px;font-family:Inter,sans-serif}.text-label{font-size:15px;margin-bottom:6px;color:#434446}.form-button{margin-top:20px;padding:10px;border-radius:10px;background-color:#0ff;border:1px solid aqua;color:#000}.form-button:hover{background-color:#bcf4f4;outline:none}@media(max-width:768px){.header{flex-direction:column;align-items:center;margin-bottom:-150px}.logo{display:flex;margin-right:70%;gap:150%}.toggle-menu{display:block;margin-top:18%;font-size:25px;cursor:pointer;z-index:1001}.nav-links-main{position:fixed;right:2rem;left:20px;top:55px;background-color:#ffffff4d;gap:15px;width:27%;height:40%;display:flex;transform:translate(100%);visibility:hidden;flex-direction:column;transition:transform .4s ease,opacity .3s ease;z-index:1000}.nav-links-main.active{transform:translate(0);opacity:1;visibility:visible}.home{flex-direction:column;height:auto}.home-cont{width:90%;padding:24px 16px}.home-main2{width:90%;display:flex;padding:24px 16px;justify-content:center;overflow:hidden}.img1{width:80%;max-width:360px;height:auto;margin-bottom:35px}.skills{overflow-x:hidden}.home-main2{margin-bottom:20px}.skills-main{overflow-x:hidden;white-space:normal;gap:25px}.proj-cont-1{flex-direction:column;height:100%}.proj-cont-2{flex-direction:column;height:80%;margin-top:25%}.proj-main-1{width:90%}.proj-main-2{width:90%;margin-top:40px;margin-left:0}.proj-main-3{flex-direction:column;margin-bottom:10px;width:90%}.proj-main-4{width:90%;margin-left:0}.img-contact{display:none}.form-container{display:flex;justify-content:center;margin-top:25%;height:70%;width:80%;max-width:420px;margin-right:15%}.form-contact{display:flex;height:50%;width:50%}.contact-header{font-size:20px;margin-left:25px}.form{margin-left:-35%;width:150%;height:150%}.contact{margin-top:120%}}