.my_navbar{width:100%;height:70px;position:fixed;display:flex;align-items:center;justify-content:space-between;background-color:#fff;padding:0 60px;color:#1d2130;z-index:10}.my_navbar.dark{background-color:#1b2431!important;color:#fff!important}.my_navbar h2{font-size:24px;font-weight:600;line-height:36px}.my_navbar ul{display:flex;justify-content:center;align-items:center;gap:20px;list-style:none}.my_navbar ul li{text-align:center}.my_navbar ul li a{text-decoration:none;color:#1b2431}.my_navbar ul li a:hover{color:#0c96e2}.my_navbar.dark ul li a{color:#fff}.my_navbar.dark ul li a:hover{color:#0c96e2}.my_navbar svg{width:24px;height:24px;cursor:pointer}#sun_icon,#sun_icon_2{display:none}.first_icon_container{width:100%;padding:10px 14px;display:none;justify-content:space-between;align-items:center}.name,#nav_list{margin:0;padding-left:0}.display_toggle{display:flex!important}.first_icon{display:flex;justify-content:center;align-items:center;gap:10px}@media screen and (max-width:954px){.my_navbar{flex-direction:column;height:max-content;padding:0}.name,.sec_icon{display:none}.first_icon_container{display:flex}#nav_list{display:none;padding:10px 20px 20px;flex-wrap:wrap;flex-direction:column;z-index:100;border-bottom:3px dashed #D3D5D6;width:100%}#nav_list li{padding-top:10px;width:100%!important}#nav_list li a{display:block!important;width:100%!important}}.hero{padding:100px 60px!important;padding-top:150px;width:100%;height:100vh;color:#1d2130;display:flex;justify-content:space-between;gap:25px;align-items:center;border-bottom:4px dashed #D3D5D6}.hero.dark{background-color:#1b2431;color:#fff!important}.hero.dark img{background-color:#1b2431}.hero svg{position:absolute;width:92vw!important;overflow-x:hidden;z-index:-10;top:200px}.hero svg:last-child{top:280px!important}.hero.dark .hey p{color:silver}.hero .hey{display:flex;flex-direction:column;align-items:start;justify-content:center;position:relative;gap:50px;width:65%}.hero .hey h1{font-size:55px;font-weight:700;line-height:60.5px;text-align:start;z-index:5}.hero .hey h1 span{font-weight:400;color:#0c96e2}.hero .hey p{font-size:18px;font-weight:400;line-height:27px;text-align:left;width:70%;color:#43495b;z-index:5}.hero a{border:none;background-color:#0c96e2;padding:10px 20px;border-radius:20px;cursor:pointer;z-index:3;color:#fff;font-size:16px;text-align:center;text-decoration:none}.hero img{width:28%;border-radius:50%;border:8px solid #0C96E2;z-index:5;background-color:#fff}.hero.dark svg{color:#d3d5d6!important;z-index:0}@media screen and (max-width:1028px){.hero{flex-direction:column-reverse;padding-top:100px}.hero img{margin-top:80px!important;width:220px}.hero svg{top:0}.hero svg:last-child{top:75px!important}.hero .hey{gap:40px;text-align:center;align-items:center}.hero .hey h1{font-size:45px;text-align:center;margin-bottom:0!important}}@media screen and (max-width:850px){.hero .hey{width:100%;text-align:center;align-items:center;height:max-content;border-radius:50px;gap:30px}.hero .hey h1{font-size:35px;min-width:100%;text-align:center}.hero .hey p{font-size:16px;min-width:90%;text-align:center}}@media screen and (max-height:800px){.hero{padding:10px 10px 30px}}@media screen and (max-width:600px){.hero{padding:90px 10px!important}}.about_me{padding:100px 60px;display:flex;justify-content:space-between;align-items:center}.about_me .circles{position:relative}.about_me .circles img{width:83.59px;height:86.96px;position:absolute}#html_img{left:130px;top:130px}#figma_img{right:190px;top:180px}#css_img{left:220px;top:500px}.about_me.dark #git_img{background-color:#1b2431}#git_img{left:100px;top:310px;background-color:#fff;border-radius:50%}#react_img{right:90px;top:370px}.about_me.dark{background-color:#1b2431}.about_me.dark h2,.about_me.dark p{color:#fff}.skills{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;margin-right:80px!important}.skills h2{width:100%;color:#1d2130;font-family:Poppins;font-size:40px;font-weight:600;line-height:60px;letter-spacing:.03em;text-align:left}.skills p{max-width:598px;color:#1d2130;font-family:Poppins;font-size:18px;font-weight:400;line-height:28px;letter-spacing:.03em;text-align:left}@media screen and (max-width:1508px){.circles svg{width:600px}#html_img{left:90px;top:160px}#figma_img{right:200px;top:160px}#css_img{left:175px;top:480px}#git_img{left:80px;top:320px}#react_img{right:65px;top:370px}}@media screen and (max-width:1398px){.about_me .skills{margin-right:0!important}.about_me .circles,.about_me .skills{margin:0 auto!important}}@media screen and (max-width:1250px){.about_me{gap:100px}.about_me{flex-wrap:wrap}}@media screen and (max-width:700px){.circles svg{width:510px;height:530px}#html_img{left:90px;top:90px}#figma_img{right:120px;top:120px}#css_img{left:160px;top:350px}#git_img{left:60px;top:220px}#react_img{right:60px;top:340px}}@media screen and (max-width:600px){.about_me{padding:100px 20px}.circles :first-child{width:90vw}.circles img{width:70px!important;height:70px!important}#html_img{left:90px;top:90px}#figma_img{right:140px;top:120px}#css_img{left:160px;top:350px}#git_img{left:60px;top:220px}#react_img{right:70px;top:340px}}@media screen and (max-width:500px){.circles img{width:60px!important;height:60px!important}#html_img{left:70px;top:120px}#figma_img{right:120px;top:135px}#css_img{left:160px;top:360px}#git_img{left:58px;top:250px}#react_img{right:41px;top:300px}}@media screen and (max-width:400px){#html_img{left:60px;top:140px}#figma_img{right:50px;top:200px}#css_img{left:90px;top:320px}#git_img{top:230px;left:40px}#react_img{right:35px}}.skill_line{width:587.07px;height:15px;border-radius:6px;background-color:#edecec;display:flex;position:relative}.skill_percent{background-color:#0c96e2;width:0px;height:15px;border-radius:6px;position:absolute}.skill_circle{width:25px;height:25px;border-radius:50%;background-color:#edecec;border:3px solid #0C96E2;z-index:5;position:absolute;left:0;bottom:-5px}.skill_circle svg{position:absolute;bottom:25px;font-size:25px;color:#0c96e2;display:flex;justify-content:center;align-items:center}.skill_circle p{position:absolute;color:#fff!important;font-size:10px;bottom:26px;left:3px}.skill_name{font-family:Poppins;font-size:24px!important;font-weight:600!important;line-height:36px!important;letter-spacing:.03em!important;text-align:left!important;margin-bottom:10px!important}.skill_name.dark{color:#fff!important}@media screen and (max-width:700px){.skill_line_container,.skill_line{width:100%}}.experience_card{width:50%;border-left:3px dashed #1B2431;padding:0 20px 50px 40px;position:relative}.experience_card.dark{border-left:3px dashed white}.experience_card.dark h3{color:#fff}.experience_card .cir{position:absolute;width:20px;height:20px;border-radius:50%;border:1px solid #1B2431;background-color:#0c96e2;left:-12px}.experience_card.dark .cir{border:1px solid white}.experience_card h3{font-family:Poppins;font-size:25px;font-weight:500;line-height:25px;letter-spacing:-.015em;text-align:left;color:#344054;padding-bottom:15px}.experience_card a{font-family:Poppins;font-size:20px;font-weight:500;line-height:25px;letter-spacing:-.015em;text-align:left;color:#0c96e2;display:block;padding-bottom:7px;text-decoration:none;cursor:pointer}.experience_card li{font-family:Poppins;font-size:16px;font-weight:400;line-height:24px;letter-spacing:-.015em;text-align:left;color:#908a8a;padding-bottom:7px}.experience_card.dark li{color:#98a2b3}.experience_card span{font-family:Poppins;font-size:16px;font-weight:400;line-height:24px;letter-spacing:-.015em;text-align:left;color:#6b727f;display:flex;justify-content:start;align-items:center;gap:25px;flex-wrap:wrap;padding-bottom:7px}.experience_card.dark span{color:#c6d0e3}.experience_card span div{display:flex;justify-content:center;align-items:center;gap:4px}.experience_card span div:first-child svg:first-child{font-size:17px}.experience{padding:100px 60px}.experience.dark{background-color:#1b2431;color:#fff!important}.experience h5{font-family:Poppins;font-size:20px;font-weight:500;line-height:30px;text-align:center;color:#0c96e2;width:100%}.experience h2{width:100%;font-family:Poppins;font-size:40px;font-weight:600;line-height:48px;text-align:center;color:#1b2431;margin-top:20px!important;margin-bottom:100px!important}.experience.dark h2{color:#fff}.experience_card_container{display:flex;flex-wrap:wrap}.experience_card_container .experience_card:nth-child(3),.experience_card_container .experience_card:nth-child(4){padding-bottom:0}@media screen and (max-width:992px){.experience_card_container{flex-direction:column}.experience_card{width:100%}.experience_card_container .experience_card:nth-child(3){padding-bottom:50px}.experience_card.education{padding-bottom:50px!important;height:max-content}.experience_card.education:last-child{padding-bottom:0!important;height:max-content}}@media screen and (max-width:600px){.experience{padding:100px 0 100px 20px}}.experience_card.education{padding-bottom:0;height:max-content}.experience_card.education:last-child{padding-bottom:30px;height:max-content}.try{width:100%;padding:100px 0;display:flex;justify-content:center;align-items:center;position:relative}.try.dark{background-color:#1b2431}.try img{width:88%}.try .try_container{display:flex;justify-content:center;gap:10%;align-items:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:88%;padding:0 100px}.try_container h2{font-family:Poppins;font-size:48px;font-weight:600;line-height:57.6px;text-align:left;color:#fff;margin-bottom:10px!important}.try_container p{font-family:Poppins;font-size:20px;font-weight:400;line-height:30px;text-align:left;color:#fff;width:80%}.try_container span{font-weight:700}@media screen and (max-width:1024px){.try_container{padding:0 30px!important}.try img{height:300px}.try_container h2{font-size:35px!important}}@media screen and (max-width:800px){.try_container{flex-direction:column;gap:20px!important}.try_container p{font-size:16px;width:100%!important}}@media screen and (max-width:500px){.try img{height:400px!important}.try_container p{font-size:16px;width:100%!important}}.main_button{padding:13px 35px 13px 45px;background-color:#0c96e2;border-radius:6px;border:none;display:flex;justify-content:center;align-items:center;color:#fff;font-size:15px;font-weight:400;line-height:24px;text-align:center;gap:10px;cursor:pointer;text-decoration:none}.main_button svg{font-size:17px}.projects .main_button svg{font-size:20px}.project_card{max-width:344px!important;box-shadow:0 0 7px #807c7c;border-radius:7px;height:550px}.project_card img{width:100%;border-radius:8px 8px 0 0/8px 8px 0px 0px}.project_card h5{font-family:Poppins;font-size:22px;font-weight:600;line-height:33px;text-align:left;color:#1d2130;padding:20px 20px 0}.project_card div{width:100% !;display:flex;justify-content:space-between;align-items:center;padding:0 20px 10px}.project_card div p{font-family:Poppins;font-size:16px;font-weight:400;line-height:24px;text-align:left;color:#0c96e2}.project_card div svg{font-size:35px;color:#0c96e2;cursor:pointer}.project_desc{padding:0 20px 20px;color:#908a8a}.projects{padding:100px 60px}.projects_title_container{display:flex;justify-content:space-between;align-items:end;padding-bottom:50px;flex-wrap:wrap}.projects_title_container p{font-family:Poppins;font-size:20px;font-weight:500;line-height:30px;text-align:left;color:#0c96e2!important}.projects_title_container h2{font-family:Poppins;font-size:40px;font-weight:600;line-height:54px;text-align:left;width:400px;color:#282938}.projects_title_container h2 span{color:#0c96e2}.projects_container{display:flex;justify-content:center;align-items:center;gap:60px;flex-wrap:wrap}.projects.dark{background-color:#1b2431}.projects.dark h5,.projects.dark h2{color:#fff}.projects.dark .project_desc{color:#98a2b3}@media screen and (max-width:800px){.projects{padding:100px 20px}.projects_title_container{flex-direction:column;justify-content:center;align-items:center;gap:30px}.projects_title_container h2{width:100%;text-align:center}.projects_title_container p{width:100%;text-align:center;margin-bottom:30px!important}}.contact{padding:100px 60px}.contact .projects_title_container{display:block}.contact .projects_title_container h2{min-width:max-content!important}.contact.dark{background-color:#1b2431;color:#fff}.contact.dark .projects_title_container h2{color:#fff}.contact_body_container{display:flex;justify-content:start;align-items:start;gap:8%}.contact_info{display:flex;align-items:start;justify-content:start;flex-direction:column;gap:60px;width:30%}.contact_form{width:62%;display:flex;justify-content:center;align-items:start;flex-direction:column;gap:25px}.contact_form div{width:100%;display:flex;gap:20px}.contact_form input{width:100%;border:1px solid #BEC0BF;padding:9px 15px;border-radius:8px;color:#1b2431}.contact_form textarea{width:100%;padding:9px 15px;height:170px;border:1px solid #BEC0BF;border-radius:8px;color:#1b2431}.contact_form input::placeholder{color:#92929d}.contact_form textarea::placeholder{color:#92929d}.contact.dark .contact_body_container .contact_card p{color:#fff}.contact.dark .contact_body_container .contact_form input,.contact.dark .contact_body_container .contact_form textarea{background-color:#1b2431;color:#fff}@media screen and (max-width:1100px){.contact_body_container{flex-direction:column;justify-content:center;align-items:center;gap:80px}.contact_body_container .contact_form{width:80%;justify-content:center;align-items:center}}@media screen and (max-width:800px){.contact{padding:100px 20px}.contact_body_container .contact_form div{flex-direction:column;gap:35px}.contact_form{gap:35px}.contact_info{width:max-content;justify-content:center;align-items:start;margin:0 auto!important}}@media screen and (max-width:600px){.contact .projects_title_container h2{min-width:min-content!important}.contact_card{height:max-content;flex-wrap:wrap}.contact_card p{font-size:15px!important}.contact_body_container .contact_form{width:100%}}@media screen and (max-width:355px){.contact_card p{font-size:12px!important}}.contact_card{display:flex;justify-content:start;align-items:center;gap:10px;width:100%}.contact_icon_container{width:61.85px;height:56px;border-radius:8px;background-color:#0c96e2;color:#fff;display:flex;justify-content:center;align-items:center;flex-shrink:0}.contact_icon_container svg{font-size:28px}.contact_card h6{padding-bottom:10px;font-size:16px;font-weight:400;line-height:14px;letter-spacing:.008em;text-align:left;color:#92929d}.contact_card p{font-size:16px;font-weight:500;line-height:18px;letter-spacing:.005em;text-align:left;color:#1d2130}.footer{padding:50px 60px;display:flex;justify-content:center;align-items:center;gap:20%;border-top:1px solid #BEC0BF}.footer.dark{background-color:#1b2431}.footer.dark p{color:#fff}.footer p{font-size:16px;font-weight:400;line-height:16px;text-align:left;color:#1d2130}.footer .footer_icon_container{display:flex;justify-content:center;align-items:center;gap:10px}.footer .footer_icon_container a{width:26px;height:26px;border-radius:50%;background-color:#0c96e2;color:#fff;display:flex;justify-content:center;align-items:center;font-size:14px;text-decoration:none;cursor:pointer}@media screen and (max-width:1116px){.footer{gap:13%}}@media screen and (max-width:922px){.footer{padding:50px 10px;flex-direction:column;gap:30px}}.certifications{padding:100px 60px}.certifications.dark{background-color:#1b2431;color:#fff!important}.certifications h2{width:100%;font-family:Poppins;font-size:40px;font-weight:600;line-height:48px;text-align:center;color:#1b2431;margin-top:20px!important;margin-bottom:100px!important}.certifications.dark h2{color:#fff}.certificate_card_container{display:flex;justify-content:center;align-items:center;gap:60px;flex-wrap:wrap}@media screen and (max-width:800px){.certifications{padding:100px 20px}}.certificate_card{width:344px!important;border-radius:3px;box-shadow:0 0 7px #807c7c}.certificate_card img{width:100%!important;height:275px;border-radius:3px}*{padding:0;margin:0!important;box-sizing:border-box;font-family:Poppins}body{overflow-x:hidden!important}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background-color:#888}html.dark ::-webkit-scrollbar-track{background:#1b2431}html.dark ::-webkit-scrollbar-thumb{background-color:#555}html.dark ::-webkit-scrollbar-thumb:hover{background-color:#777}