@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";.Navbar{display:flex;align-items:center;justify-content:center;position:fixed;width:100%;padding:0 100px;left:0%;z-index:2}nav{background-color:#fff;border:1px solid #ededee;border-radius:16px;width:720px;padding:6px;box-shadow:0 6px 12px #1d1d260a}.nav-middle{display:flex;align-items:center;justify-content:space-between;position:relative}nav ul{display:flex}nav ul li a{color:#77777d;font-size:14px;font-weight:500;padding:10px;border-radius:12px;transition:.3s}nav ul li:last-child{display:none}nav ul li a:hover{background-color:#f6f6f6}.logo{display:flex;overflow:hidden;border:1px solid #bb576c;width:38px;border-radius:12px}.logo:hover img{transform:scale(1.1)}.logo img{width:100%;transition:.3s}.contact-link{background-color:#1d1d26;color:#fff;display:flex;align-items:center;gap:10px;padding:12.5px 15px;border-radius:12px;font-size:14px;font-weight:600;transition:.3s}.contact-link:hover{background-color:#33333b}.contact-link i{display:flex;font-size:16px}.toggle{display:none;cursor:pointer;font-size:22px}.Hero{padding:155.4px 0 80px}.heading{color:#1d1d26;font-size:48px;font-weight:600}.heading.email{margin-top:25px;font-size:21px;font-weight:600}.desc{color:#77777d;margin:10px 0 35px;font-size:18px;font-weight:500}.hero-links{display:flex;justify-content:center;gap:10px}.hero-links a{background-color:#1d1d26;color:#fff;display:flex;align-items:center;gap:10px;padding:12.5px 15px;border-radius:12px;font-size:14px;font-weight:600;transition:.3s}.hero-links.e-link a{padding:25px 40px;font-size:18px}.hero-links.e-link a i{font-size:24px}.hero-links a:nth-child(2){background-color:#ededee;color:#33333b}.hero-links a:nth-child(2) i{color:#33333b}.hero-links a:nth-child(2):hover{background-color:#e3e3e4}.hero-links a:hover{background-color:#33333b}.hero-links a i{display:flex;font-size:16px}.subhead{display:flex;justify-content:center;margin-bottom:15px}.sub{background-color:#fff;display:flex;align-items:center;border:1px solid #ededee;padding:10px 12px;border-radius:8px;gap:10px}.subhead p{color:#33333b;font-size:12px;font-weight:600}.dot{background-color:#2ede7f;width:5px;height:5px;border-radius:50%}.Email{margin:80px 0}.Email img{width:80px;border-radius:16px}.socials{display:flex;align-items:center;justify-content:center;margin-top:30px;gap:18px}.socials a{color:#000;display:flex;filter:invert(50%) sepia(5%) saturate(327%) hue-rotate(201deg) brightness(92%) contrast(95%);font-size:24px;transition:.3s}.socials a:hover{filter:none}.AboutMe{margin:auto;max-width:720px}.aboutme{display:grid;grid-template-columns:265px 1fr;grid-gap:12px}.photo{overflow:hidden;border-radius:16px}.photo img{object-fit:cover;border:1px solid #ededee;width:100%;height:100%}.aboutdesc{background-color:#fff;overflow:hidden;border:1px solid #ededee;border-radius:16px;padding:35px 30px}.aboutdesc.two{margin-top:12px}.aboutFlex{display:flex;align-items:center;margin-top:30px;gap:10px}.aboutFlex.det{margin:20px 0}.aboutFlex p{color:#77777d;font-size:12px;font-weight:500}.aboutFlex i{display:flex;color:#77777d}.work-p{color:#77777d;font-weight:500;font-size:15px}.worked-img{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;border-top:1px solid #ededee;gap:18px;margin-top:30px;padding-top:30px}.worked-img img{filter:invert(50%) sepia(5%) saturate(327%) hue-rotate(201deg) brightness(92%) contrast(95%);width:100px}.block{margin:12px auto 0;max-width:720px}.blockDesc.work{max-width:450px}.block-details{border-top:1px solid #ededee;margin-top:35px;padding-top:35px}.detail{display:flex;position:relative;justify-content:space-between;border-left:1px solid #ededee;padding-left:30px}.detail.recommendation{flex-direction:column;border-left:2px solid #ededee}.detail.recommendation:nth-child(1){border-left:2px solid #2ede7f;padding-bottom:0;margin-bottom:50px}.detail.recommendation:nth-child(2){border-left:2px solid #2e7fde}.detail.recommendation:before{display:none}.detail:before{content:"";position:absolute;background-color:#8e8e92;width:8px;height:8px;border-radius:16px;top:0%;left:-4px}.detail:not(:last-child){padding-bottom:50px}.det-h{font-weight:500}.det-type{color:#77777d;margin-top:5px;font-size:12px;font-weight:600}.det-desc{color:#77777d;font-size:12px;max-width:450px;font-weight:500;line-height:1.5em}.det-date{color:#33333b;background-color:#fff;display:flex;align-items:center;width:fit-content;border:1px solid #ededee;font-size:12px;font-weight:500;padding:10px;border-radius:8px;gap:8px}.det-desc.awar{margin:20px 0}.det-desc.rec{margin:20px 0 0;max-width:560px}.det-date i{color:#33333b;display:flex;font-size:16px}.block-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:35px}.study{display:flex;position:relative;justify-content:space-between}.block-details .study:nth-child(2),.block-details .study:nth-child(3){border-top:1px solid #ededee;padding-top:35px;margin-top:35px}.det-link{background-color:#ededee;color:#33333b;display:flex;align-items:center;width:fit-content;gap:10px;padding:12.5px 15px;margin-top:20px;border-radius:12px;font-size:14px;font-weight:600;transition:.3s}.det-link:hover{background-color:#e3e3e4}.det-link i{display:flex}.skill{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.skill-block:nth-child(2){margin-top:50px}form{display:flex;flex-direction:column;gap:15px}form input{border:1px solid #ededee;background-color:#f9f9f9;outline:none;color:#1d1d26;width:100%;border-radius:8px;padding:15px;font-weight:15px;font-weight:500}form button{background-color:#1d1d26;color:#fff;cursor:pointer;border:none;outline:none;width:fit-content;display:flex;align-items:center;gap:10px;padding:12.5px 15px;border-radius:12px;font-size:14px;font-weight:600;transition:.3s}form button:hover{background-color:#33333b}footer{margin:100px auto auto;border-top:1px solid #ededee;padding:35px 0;max-width:720px;font-size:14px;font-weight:500}*{margin:0;padding:0;text-decoration:none;list-style:none;box-sizing:border-box;font-family:Inter,sans-serif;scroll-behavior:smooth}.App{background-color:#f9f9f9;padding:25px 100px;min-height:100vh}.About{margin:auto;display:flex;flex-direction:column;gap:12px;max-width:720px;padding-bottom:80px}.icon{display:flex;justify-content:center;align-items:center;width:fit-content;border:1px solid #ededee;background-color:#f6f6f6;border-radius:12px;padding:14px}.blockHead{font-size:21px;margin-bottom:15px;font-weight:500}.blockDesc{color:#77777d;font-size:14px;line-height:1.5em}@media (max-width: 910px){.detail{flex-direction:column}.detail .det-date{margin-top:20px}}@media (max-width: 800px){nav .contact-link{display:none}nav ul li:last-child{display:block}nav ul{background-color:#fff;border:1px solid #ededee;pointer-events:none;position:absolute;flex-direction:column;box-shadow:0 6px 12px #1d1d260a;gap:0px;opacity:0;padding:16px;border-radius:16px;width:100%;top:60.4px;left:0%;transition:.3s;transform:translateY(-25px)}.show{pointer-events:all;transform:translateY(0);opacity:1}nav ul li a{display:flex;width:100%}nav ul li:not(:nth-child(1)){margin-top:5px}nav{padding:6px 12px}.toggle{display:flex}.aboutme{grid-template-columns:1fr}.App{padding:25px 50px}.Navbar{padding:0 50px}.worked-img{gap:25px}.detail{padding:0 30px}}@media (max-width: 700px){.block-grid{grid-template-columns:1fr}}@media (max-width: 600px){.study{flex-direction:column}.study .det-date{margin-top:20px}}@media (max-width: 500px){.App{padding:25px 35px}.Navbar{padding:0 35px}}@media (max-width: 420px){.Hero .heading{font-size:40px}}