@import"https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Dancing+Script&display=swap";*{padding:0;margin:0;box-sizing:border-box;font-family:Poppins,sans-serif;scroll-behavior:smooth}:root{--bg-color:#1f242d;--light-bg-color:#323946;--text-color:#fff;--second-text-color:#0ef}html{overflow-x:hidden}body{background-color:var(--bg-color);color:var(--text-color)}.header{position:fixed;top:0;left:0;width:100%;padding:2rem 9%;background-color:var(--light-bg-color);display:flex;justify-content:space-between;align-items:center;z-index:100;box-shadow:0 2px 8px var(--bg-color);-webkit-user-select:none;user-select:none}.header .logo{font-family:Dancing Script,cursive;font-size:1.8rem;color:var(--text-color);text-decoration:none;font-weight:200;-webkit-user-select:none;user-select:none}.header .navbar a{color:var(--text-color);text-decoration:none;margin-right:40px;font-weight:600;transition:.5s;-webkit-user-select:none;user-select:none}.navbar a:hover,.navbar a.active{color:var(--second-text-color)}.header #menuicon{color:var(--text-color);font-size:36px;cursor:pointer;display:none}@media (max-width:1340px){.header .navbar a{margin-right:30px}}@media (max-width:960px){.header #menuicon{display:block}.navbar{position:absolute;top:100%;left:0;width:100%;padding:1rem 3%;background-color:var(--bg-color);box-shadow:0 2px 8px var(--bg-color);display:none}.navbar.active{display:block}.header .navbar a{display:block;margin:30px 0}}.home{padding:10rem 9% 2rem;margin-bottom:2rem}.homecontent .hello{font-size:30px;letter-spacing:3px;word-spacing:3px;font-weight:600;margin-bottom:1.3rem}.homecontent .name{font-size:30px;letter-spacing:3px;word-spacing:3px;font-weight:700;margin-bottom:1.3rem}.homecontent .name span{color:var(--second-text-color)}.homecontent .im{font-size:30px;letter-spacing:3px;word-spacing:3px;font-weight:600;margin-bottom:1.3rem;height:40px}.homecontent .im .type-text{color:var(--second-text-color)}.homecontent .summery{font-size:20px;letter-spacing:3px;word-spacing:3px;font-weight:200;text-align:left;margin-top:3rem}.social-media{-webkit-user-select:none;user-select:none;margin:1.5rem 1.5rem 3rem 0}.social-media a{display:inline-flex;justify-content:center;align-items:center;width:4rem;height:4rem;font-size:2rem;text-decoration:none;background:transparent;color:var(--second-text-color);transition:.5s;border-radius:50%;margin:20px 20px 0 0}.social-media a:hover{transform:translateY(-10px);box-shadow:0 13px 25px -5px #00eeffd1;-webkit-box-shadow:0px 13px 25px -5px rgba(0,238,255,.82);-moz-box-shadow:0px 13px 25px -5px rgba(0,238,255,.82)}.cvbtn{text-decoration:none;color:var(--bg-color);background-color:var(--second-text-color);box-shadow:0 0 12px var(--second-text-color);border:1px solid var(--second-text-color);border-radius:10px;padding:12PX 18PX;letter-spacing:3px;-webkit-user-select:none;user-select:none}.homecontent .summery::selection{color:var(--second-text-color);background-color:var(--light-bg-color)}.homecontent .hello::selection{color:var(--second-text-color);background-color:var(--light-bg-color)}.homecontent .name::selection{color:var(--second-text-color);background-color:var(--light-bg-color)}.homecontent .name span::selection{color:var(--second-text-color);background-color:var(--light-bg-color)}.homecontent .im::selection{color:var(--second-text-color);background-color:var(--light-bg-color)}.homecontent .im span::selection{color:var(--second-text-color);background-color:var(--light-bg-color)}@media (max-width:470px){.social-media a{width:40px;height:40px;font-size:25px}}@media (max-width:337px){.social-media a{width:30px;height:30px;font-size:20px}}@media (max-width:595px){.homecontent .im{height:40px}.homecontent .summery{margin-top:6rem;font-size:18px;letter-spacing:1px;word-spacing:1px}.header{padding:1rem 9%}.home{padding:8rem 9% 2rem}}.about{padding:2rem 9%;background-color:var(--light-bg-color);margin-bottom:2rem}.about .heading{margin-top:2rem;font-size:30px;font-weight:700;letter-spacing:5px;color:var(--second-text-color)}.whitetext{color:var(--text-color)}.about .heading::selection{color:var(--light-bg-color);background-color:var(--second-text-color)}.about .whitetext::selection{color:var(--light-bg-color);background-color:var(--second-text-color)}.about .para{margin-top:.3rem;font-size:20px;letter-spacing:3px;word-spacing:3px;font-weight:200;text-align:left}.about .para::selection{color:var(--second-text-color);background-color:var(--bg-color)}@media (max-width:595px){.about .para{font-size:18px;letter-spacing:1px;word-spacing:1px}}.eduction{padding:2rem 9%;background-color:var(--bg-color);margin-bottom:2rem}.eduction .title{margin-bottom:50px;font-size:35px;font-weight:700;letter-spacing:5px;color:var(--text-color);text-align:center}.eduction .title span{color:var(--second-text-color)}.eduction .content{border-left:5px solid var(--second-text-color);padding:0 30px;position:relative}.eduction .box{position:relative;padding:20px;border:1px solid var(--light-bg-color);cursor:pointer;transition:all .5s;margin-bottom:20px}.eduction .box:hover{background-color:var(--light-bg-color);border:1px solid var(--text-color)}.eduction .box:before{content:"";position:absolute;top:0;left:-44px;border-radius:50%;width:20px;height:20px;background-color:var(--second-text-color);box-shadow:0 0 16px var(--second-text-color);border:1px solid var(--text-color)}.eduction .box p{font-size:18px;font-weight:200;letter-spacing:3px;word-spacing:3px;margin:10px 0}#calender{margin-right:15px;color:var(--second-text-color)}.box .degree{font-size:20px;color:var(--second-text-color);font-weight:700}.eduction .title::selection{color:var(--second-text-color);background-color:var(--light-bg-color)}.eduction .title span::selection{color:var(--text-color);background-color:var(--light-bg-color)}.eduction .degree::selection{color:var(--text-color);background-color:var(--light-bg-color)}.eduction .year::selection{color:var(--second-text-color);background-color:var(--light-bg-color)}.eduction .aboutdegree::selection{color:var(--second-text-color);background-color:var(--light-bg-color)}@media (max-width:595px){.eduction .box p{font-size:18px;font-weight:200;letter-spacing:1px;word-spacing:1px;margin:10px 0}}.experience{padding:2rem 9%;background-color:var(--light-bg-color);margin-bottom:2rem}.experience .title{margin-bottom:50px;font-size:35px;font-weight:700;letter-spacing:5px;color:var(--text-color);text-align:center}.experience .title span{color:var(--second-text-color)}.experience_content .role{font-size:18px;font-weight:300;letter-spacing:3px;word-spacing:2px;margin:10px 0}.experience_content .company_name{font-size:20px;color:var(--second-text-color);font-weight:700;margin:10px 0}.experience_content .working_date{font-size:18px;font-weight:300;letter-spacing:3px;word-spacing:2px;margin:10px 0}.experience_content .work_experience{margin:30px 0 0 30px}.experience_content .work_list{font-size:18px;font-weight:300;letter-spacing:2px;word-spacing:1px;margin:15px 0;position:relative}.experience_content .work_list .bullet_point{position:absolute;top:8px;left:-31px;border-radius:50%;width:12px;height:12px;background-color:var(--second-text-color);box-shadow:0 0 16px var(--second-text-color);border:1px solid var(--text-color)}.experience .title::selection{color:var(--second-text-color);background-color:var(--bg-color)}.experience .title span::selection{color:var(--text-color);background-color:var(--bg-color)}.experience_content .role::selection{color:var(--second-text-color);background-color:var(--bg-color)}.experience_content .company_name::selection{color:var(--text-color);background-color:var(--bg-color)}.experience_content .working_date::selection{color:var(--second-text-color);background-color:var(--bg-color)}.experience_content .work_list::selection{color:var(--second-text-color);background-color:var(--bg-color)}@media (max-width:595px){.experience_content .work_list{letter-spacing:1px;word-spacing:1px}}.skills{padding:2rem 9%;background-color:var(--bg-color);margin-bottom:2rem}.skills-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:20px}.skillcontainer{background-color:var(--bg-color);padding:2rem 3rem;border-radius:10px;margin:30px 0}.skills .divider{width:100%;margin:0 20px}.skills .heading{text-align:center;margin-bottom:2.5rem;font-size:35px;font-weight:700;letter-spacing:5px;color:var(--text-color)}.skills .heading span{color:var(--second-text-color)}.skill_box{width:180px;display:flex;background:var(--light-bg-color);flex-direction:column;align-items:center;justify-content:center;padding:20px;border-radius:10px;border:4px solid var(--light-bg-color)}.skill_box:hover{background:linear-gradient(var(--light-bg-color),var(--light-bg-color)) padding-box,linear-gradient(to right,#d16ba5,#c777b9,#ba83ca,#aa8fd8,#9a9ae1,#8aa7ec,#79b3f4,#69bff8,#52cffe,#41dfff,#46eefa,#5ffbf1) border-box;border:4px solid transparent}.skill_box .skill_img img{width:50px}.skill_box .skill_name{font-size:18px;font-weight:300;letter-spacing:2px}.skills .heading::selection{color:var(--second-text-color);background-color:var(--light-bg-color)}.skills .heading span::selection{color:var(--text-color);background-color:var(--light-bg-color)}.skills::selection{color:var(--second-text-color);background-color:var(--bg-color)}@media (max-width:595px){.skill_box{width:130px}.skill_box .skill_img img{width:35px}.skill_box .skill_name{font-size:14px;text-align:center}}.projects{padding:2rem 9%;background-color:var(--light-bg-color);margin-bottom:2rem}.projects .title{margin-bottom:50px;font-size:35px;font-weight:700;letter-spacing:5px;color:var(--text-color);text-align:center}.projects .title span{color:var(--second-text-color)}.projects_content .role{font-size:18px;font-weight:300;letter-spacing:3px;word-spacing:2px;margin:10px 0}.project_box{width:300px;height:200px;position:relative;overflow:hidden;border-radius:10px;border:1px solid #fff}.project_img{position:relative;width:100%;height:100%}.project_img img{width:100%;height:100%;object-fit:cover;display:block}.default_overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;align-items:center;justify-content:center;transition:opacity .4s ease;z-index:2}.project_name{color:#fff;font-size:18px;font-weight:300;letter-spacing:1px;text-align:center;margin:0 5px}.hover_overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(var(--second-text-color),#000000cc);display:flex;flex-direction:column;padding:10px;opacity:0;transition:opacity .4s ease;z-index:3}.work_name{color:#000;font-size:18px;font-weight:500;letter-spacing:1px;margin:5px 0}.skill_list{color:#fff;font-size:16px;font-weight:300;margin:10px 0}.project_img:hover .default_overlay{opacity:0}.project_img:hover .hover_overlay{opacity:1}.project_box:hover{border:none}.link_container{display:flex;align-items:center;justify-content:center;position:absolute;bottom:0;left:50%;transform:translate(-50%,-50%)}.link_container .links{text-decoration:none;color:var(--bg-color);background:var(--text-color);border-radius:50%;padding:6px 12px;margin:0 8px;font-size:20px}.projects_content{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.projects::selection{color:var(--second-text-color);background-color:var(--bg-color)}.contect{padding:2rem 9%;background-color:var(--bg-color);margin-bottom:2rem}.contect .heading{text-align:center;margin-bottom:2rem;font-size:35px;font-weight:700;letter-spacing:5px;color:var(--text-color)}.contect .heading::selection{background-color:var(--light-bg-color);color:var(--second-text-color)}.contect .heading span{color:var(--second-text-color)}.contect .heading span::selection{background-color:var(--light-bg-color);color:var(--text-color)}.contect form{text-align:center;max-width:70rem;margin:1rem auto 3rem}.contect .inputbox{display:flex;justify-content:space-between;flex-wrap:wrap;margin:15px 0}.contect form .inputbox input,.contect form textarea{width:100%;padding:1rem;background:transparent;outline:none;border:none;background-color:var(--light-bg-color);color:var(--second-text-color);font-size:20px;border-radius:.8rem;resize:none;-webkit-user-select:none;user-select:none}.contect form .inputbox input{width:49%}.contect .btn{color:var(--bg-color);background-color:var(--second-text-color);box-shadow:0 0 12px var(--second-text-color);border:1px solid var(--second-text-color);border-radius:50px;padding:12PX 35PX;letter-spacing:3px;margin-top:25px;font-size:18px;-webkit-user-select:none;user-select:none;cursor:pointer}.alert{margin-top:30px;padding:10px 3%;border-radius:10px;background:transparent;border:1px solid green;width:100%;text-align:left;text-transform:capitalize;font-size:18px;font-weight:200;display:none;-webkit-user-select:none;user-select:none}.alert #tick{font-size:30px;margin-right:10px;transform:translateY(5px);color:green}.enable{display:block}@media (max-width:960px){.contect form .inputbox input{width:100%;margin-bottom:5px}#name,#phone{margin-bottom:10px}.contect .inputbox{margin:0}}.footer{padding:0 3%;background-color:var(--light-bg-color);display:flex;justify-content:space-between;align-items:center}.footer .footertext p{letter-spacing:2px;font-weight:300}.footer .footerlogo{height:100%;display:flex;align-items:center;margin-right:5%}.footer .footerlogo a{text-decoration:none;text-shadow:0px 0px 20px var(--second-text-color);cursor:pointer;font-size:50px;color:var(--text-color);transition:.2s}.footer .footerlogo a:hover{color:var(--second-text-color);transform:translateY(-5px)}.footer .footertext p::selection{color:var(--second-text-color);background-color:var(--bg-color)}@media (max-width:695px){.footer .footertext p{font-size:12px;letter-spacing:0;margin-right:20px}.footer .footerlogo a{font-size:25px}}