@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";header.flex{justify-content:space-between;padding:0 2.6rem;margin-top:1.4rem}header ul.flex{gap:27px}header ul li a{color:var(--title);opacity:.9;font-size:1.15rem;font-weight:500;transition:.5s all ease}header ul li a:hover{color:var(--blue);opacity:1}header button{font-size:1.2rem}header.flex nav{background-color:var(--bg-header);padding:1.1rem 2.4rem;border-radius:55px;box-shadow:1px 1px 7px #171717}header button.menu{display:none}header .icon-menu,header .mode{background-color:var(--bg-header);height:2.4rem;width:2.4rem;text-align:center;border-radius:50%;display:flex;justify-content:center;align-items:center;color:var(--sub-title);border:1px solid rgba(244,165,96,.25);transition:.5s all ease}header .icon-menu:hover,header .mode:hover{color:var(--title);border-color:salmon}header .icon-close{font-size:1.5rem;color:var(--sub-title);transition:.5s all ease}header .icon-close:hover{font-size:1.75rem;color:#dc143c;rotate:180deg}header .icon-sun{color:orange}header .fixed{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#282830e8;z-index:99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@keyframes mymove{0%{scale:0}70%{scale:1.1}to{scale:1}}header .fixed ul.modal{animation:mymove 1.1s 1;width:80%;margin:0 auto;margin-top:2rem;border-radius:1rem;padding:1rem 2rem;background-color:var(--secondary)}header .fixed ul.modal li{border-bottom:1px solid var(--border);padding-bottom:.8rem;padding-top:1rem}header .fixed ul.modal li:last-child{border:none}header .fixed ul.modal li:first-child{text-align:right;border:none;padding-top:.4rem;padding-bottom:.2rem;margin-bottom:-2rem}@media (max-width:700px){header.flex nav{display:none}header button.menu{display:block}}section.hero{margin-top:3.5rem;justify-content:space-between}.hero .animation{width:580px;height:450px}section.hero .parent-avatar{align-items:end;gap:.5rem}section.hero .left-section{flex-grow:1;width:40%;padding-right:10rem}section.hero .avatar{width:120px;border-radius:50%;border:1px solid darkorange;padding:4px}section.hero .parent-avatar .icon-verified{color:var(--blue);font-size:1.4rem;margin-bottom:1rem}section.hero h1.title{font-size:2.5rem;line-height:3.3rem;margin:20px 0;color:var(--title)}section.hero p.subTitle{color:var(--sub-title);font-size:.9rem;line-height:1.65rem;margin-bottom:22px}section.hero .all-icons{font-size:1.5rem;gap:1.5rem;color:var(--sub-title)}.icon{transition:.5s all ease}section.hero .contactNumber{border:1px solid red}section.hero .icon:hover{color:var(--title);cursor:pointer}section.hero #social{margin-bottom:22px}section.hero .cvButton{width:165px;height:40px;display:flex;background:#29292d;align-items:center;justify-content:center;color:#d3d3d3;border-radius:7px;transition:.5s ease all}section.hero .cvButton:hover{background-color:#555}section.hero .cvButton:active{scale:.8;transition:.5s ease all}@media (max-width:1000px){section.hero .right-section{display:none}}main.flex{gap:2rem}main.flex section.rightSection{flex-grow:1}main section.leftSection.flex button{background-color:#24252e;width:11rem;padding:.95rem 0;text-align:center;font-size:1.1rem;text-transform:capitalize;opacity:.5;transition:.5s all ease;border:1px solid rgb(36,37,46);border-radius:5px}main section.leftSection.flex button.active{opacity:1;border-color:var(--blue);font-weight:700;letter-spacing:.6px}main section.leftSection.flex{flex-direction:column;gap:12px}main section.rightSection article{transform:scale(1);will-change:auto}main section.rightSection article .box{width:266px}main section.rightSection article .box .icons div.flex{gap:11px}.card{border:1px solid #5dbcfc4d;transition:.5s all ease;border-radius:7px;background-image:linear-gradient(#ffffff0d,#ffffff0d)}.card img{border-radius:7px 7px 0 0}.card .box{padding:1rem .5rem}.card .box .title{color:var(--title);text-transform:capitalize;font-size:1.5rem}.card .box .sub-title{color:var(--sub-title);font-size:.85rem;margin:1rem 0}.card .box .icons{justify-content:space-between}.card a.link{font-size:1rem;color:var(--blue)}.card .box .icons .icon-github,.card .box .icons .icon-link{font-size:1.2rem;color:var(--sub-title);transition:.5s all ease}.card:hover{border:1px solid var(--blue);rotate:2deg;scale:1.05}.card .box .icons .icon-github:hover,.card .box .icons .icon-link:hover{color:var(--iconHover)}main section.rightSection.flex{flex-wrap:wrap;column-gap:18px;row-gap:2rem;justify-content:center}@media (max-width: 600px){main.flex{flex-direction:column;gap:2.64rem;align-items:center}main section.leftSection.flex{gap:16px;flex-direction:row;align-items:center;flex-wrap:wrap;justify-content:center}main section.leftSection.flex button{width:7rem;padding:1rem 0;font-size:.9rem}}section.contact-us .icon-envelope{color:var(--sub-title);margin-right:1rem;font-size:1.9rem}section.contact-us .title{font-size:2.1rem;color:var(--title);margin-bottom:1rem}section.contact-us .sub-title{color:var(--sub-title);line-height:1.65rem}section.contact-us #email,section.contact-us #message{all:unset;background-color:#3f3f4626;border:1px solid #3f3f46;color:var(--title);width:30rem;padding:.5rem 1rem;border-radius:5px;font-size:1.1rem;transition:.5s all ease;margin-right:15px}section.contact-us #email:focus,section.contact-us #message:focus{border-color:var(--inputFocus)}section.contact-us #message{min-height:12rem;resize:vertical;max-height:19rem}section.contact-us .submit{background-color:#24252e;width:9rem;padding:.95rem 0;text-align:center;font-size:1.1rem;text-transform:capitalize;opacity:.5;transition:.5s all ease;border:1px solid rgb(36,37,46);border-radius:5px;letter-spacing:.6px;margin-top:1.8rem}section.contact-us .submit:hover{opacity:1;border-color:var(--inputFocus);scale:1.04}@media (max-width: 1250px){.animation{display:none}}section.contact-us .contact-flex-child1{justify-content:space-between!important;padding-right:100px!important}section.contact-us .contact-flex-child1 form div:nth-child(2){margin-top:24px}@media (max-width: 600px){.animation{display:none}section.contact-us #email,section.contact-us #message{width:100%;margin-left:0;padding:.5rem}section.contact-us .flex form{display:flex;flex-direction:column;width:90%}}section.contact-us form{padding-top:45px}footer.flex{justify-content:space-between}footer.flex ul.flex{gap:1.2rem;margin-bottom:2.5rem}footer.flex ul.flex li a{color:var(--sub-title);font-size:1.1rem;transition:.5s all ease}footer.flex ul.flex li a:hover{color:var(--blue)!important}footer.flex p.copy-right-span{color:var(--sub-title);transition:.5s all ease;font-size:1.1rem;cursor:default;margin-bottom:2.5rem}@media (max-width: 1000px){footer.flex{flex-direction:column;gap:.5rem}}html{font-family:Roboto,sans-serif;box-sizing:border-box;scroll-behavior:smooth;letter-spacing:.1px}::-webkit-scrollbar{width:10px;z-index:0}::-webkit-scrollbar-track{background:transparent;width:6px}::-webkit-scrollbar-thumb{width:6px;background:var(--thumb);border-radius:20px;cursor:pointer}::-webkit-scrollbar-thumb::hover{background:var(--thumbHover)}:root{--primary: #000;--secondary: #18181b;--border: #3f3f4666;--title: #fff;--sub-title: #a1a1aa;--bg-header: #27272a;--blue: #5dbcfc;--iconHover: #d4d4d8;--inputFocus: #2dd4bf;--thumb: #313131;--thumbHover: #22222296}.light{--primary: rgb(245 245 245);--secondary: #fff;--border: rgba(184, 184, 184, .5);--title: rgb(39 39 42);--sub-title: rgb(82 82 91);--bg-header: rgb(253 253 253);--blue: rgb(0 149 246);--iconHover: #333;--inputFocus: #5afce9;--thumb: rgb(228, 228, 228);--thumbHover: rgba(210, 210, 210, .59)}*,*:before,*:after{box-sizing:inherit}*{padding:0;margin:0}body{background-color:var(--primary);color:#fff;transition:.5s all ease}.container{width:80%;margin:0 auto;background-color:var(--secondary);border:2px solid var(--border);padding:0 3rem}.divider{border-bottom:1px solid var(--border);margin:3rem 0;width:calc(100% + 4rem);position:relative;right:2rem}li{list-style:none}a{text-decoration:none;color:initial}.flex{display:flex}.border{border:1px solid red}.align-center{align-items:center}button{all:unset;cursor:pointer}button:active{scale:.8}button:disabled{cursor:not-allowed}.scroll2top{background-color:#19bcd2d9;color:#fff;width:3.6rem;height:3.6rem;font-size:1.8rem;border-radius:50%;text-align:center;position:fixed;bottom:2rem;right:2rem;transition:.5s all ease}.scroll2top:hover{background-color:#19bcd2}@media (max-width: 1000px){.container{width:90%}.scroll2top{display:none}}@media (max-width: 650px){.container{width:100%}.scroll2top{display:none}}