@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap);#about{min-height:100vh;padding:3rem 0 0}@media screen and (max-width:800px){#about{padding:2.5rem 0 2rem}}.About-Head{font-size:40px;margin-bottom:50px;text-align:center;text-decoration:underline}@media screen and (max-width:1100px){.About-Head{font-size:30px}}.fahad_about{display:flex}@media screen and (max-width:1100px){.fahad_about{display:flex;flex-direction:column}}.image{margin-left:75px;width:40%}@media screen and (max-width:1100px){.image{margin-left:0;width:100%}}.image>img{border-radius:25px;display:block;height:330px;margin:auto;width:330px}@media screen and (max-width:1100px){.image>img{height:270px;width:270px}}.text{padding-top:20px;width:50%}@media screen and (max-width:1100px){.text{width:100%}.text>h1{text-align:center}}.text>p{font-size:17px;margin-top:20px;width:90%}@media screen and (max-width:1100px){.text>p{margin:20px auto auto;text-align:center}}#contact{min-height:100vh;padding:3rem 0 2rem}@media screen and (max-width:800px){#contact{padding:2.5rem 0 2rem}}.Footer-Head{font-size:40px;margin-bottom:50px;text-align:center;text-decoration:underline}@media screen and (max-width:1100px){.Footer-Head{font-size:30px}}.fahad_contact_social{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-evenly;margin:auto;width:60%}.fahad_contact_social .fahad_social_card{align-items:center;background-color:#fff;border-radius:10px;display:flex;flex-direction:row;height:75px;justify-content:flex-start;margin:1rem 0;min-width:290px;padding:1rem;transition:all .3s ease-in-out}.fahad_contact_social .fahad_social_card img{cursor:pointer;height:40px;margin:0 .7rem;width:40px}.fahad_contact_social .fahad_social_card .github-img,.fahad_contact_social .fahad_social_card .mail-img{height:35px;width:35px}.fahad_contact_social .fahad_social_card p{font-weight:600}.fahad_contact_social .fahad_social_card a{color:#000;cursor:pointer;font-weight:500;text-decoration:none}.fahad_contact_social .fahad_social_card:hover{box-shadow:0 0 25px #fff}@media screen and (max-width:480px){.fahad_contact_social .fahad_social_card{width:100%}}@media screen and (max-width:768px){.fahad_contact_social{padding:0 10px;width:100%}}.fahad_contact_form{flex-direction:column;margin:1.5rem auto auto;width:60%}.fahad_contact_form div{border-radius:10px;cursor:pointer;margin:.75rem 0;transition:all .3s ease-in-out;width:100%}.fahad_contact_form div input,.fahad_contact_form div textarea{background-color:var(--white-color);border:none;border-radius:7px;color:#000;font-family:var(--font-base);outline:none;padding:.95rem;width:100%}.fahad_contact_form div textarea{height:170px}.fahad_contact_form button{background-color:#000;border:none;border-radius:10px;color:var(--white-color);cursor:pointer;font-family:var(--font-base);font-weight:500;margin:2rem 0 0;outline:none;padding:1rem 2rem;transition:all .3s ease}.fahad_contact_form button:hover{background-color:#fff;border:2px solid #000;color:#000;font-weight:700}@media screen and (max-width:768px){.fahad_contact_form{margin:1rem 0;padding:0 10px;width:100%}}#home{position:relative}#home .app__wrapper{padding:0}.fahad_header{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:100vh;padding:5rem 3rem 0;width:100%}@media screen and (min-width:2000px){.fahad_header{padding-top:6rem}}@media screen and (max-width:1200px){.fahad_header{flex-direction:column;padding:6rem 0 3rem}}@media screen and (max-width:480px){.fahad_header{padding:4rem 0 0}}.fahad_header_intro{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center}@media screen and (max-width:2000px){.fahad_header_intro{margin-right:0;width:100%}}@media screen and (max-width:1200px){.fahad_header_intro{flex:0 1;margin-bottom:30px}}@media screen and (max-width:420px){.fahad_header_intro{flex:0 1;margin-bottom:50px}}.fahad_header_box{align-items:center;display:flex;flex-direction:column;justify-content:flex-end;width:90%}.fahad_header_box .badge-cmp{background-color:#fff;border:var(--white-color);border-radius:15px;box-shadow:0 0 20px rgba(0,0,0,.1);max-width:500px;padding:1rem 2rem;width:auto}@media screen and (max-width:1200px){.fahad_header_box .badge-cmp{padding:1.5rem 2rem;text-align:center;width:70%}}@media screen and (max-width:800px){.fahad_header_box .badge-cmp{padding:.6rem .8rem;width:auto}}@media screen and (max-width:330px){.fahad_header_box .badge-cmp{padding:.5rem;width:auto}}.fahad_header_box .badge-cmp .hello-hi{text-align:left}@media screen and (max-width:1200px){.fahad_header_box .badge-cmp .hello-hi{text-align:center}}@media screen and (max-width:650px){.fahad_header_box .badge-cmp .hello-hi{font-size:32px}}@media screen and (max-width:450px){.fahad_header_box .badge-cmp .hello-hi{font-size:28px}}.fahad_header_box .badge-cmp .new{line-height:1.5;margin-top:4px}@media screen and (max-width:650px){.fahad_header_box .badge-cmp .new{font-size:16px;line-height:1.2;margin-top:2px}}@media screen and (max-width:450px){.fahad_header_box .badge-cmp .new{font-size:14px;line-height:1.2;margin-top:2px}}.fahad_header_box .fahad_header_button{background-color:#000;border:none;border-radius:5px;color:#f8f7f7;cursor:pointer;font-size:18px;font-weight:500;margin-top:2rem;padding:15px 20px;transition:all .3s ease}.fahad_header_box .fahad_header_button:hover{background-color:#fff;border:2px solid #000;color:#000;font-weight:600}@media screen and (max-width:1200px){.fahad_header_box .fahad_header_button{font-size:17px;margin-top:2rem;padding:12px 16px}}@media screen and (max-width:650px){.fahad_header_box .fahad_header_button{font-size:16px;margin-top:1.8rem;padding:10px 14px}}.fahad_header_box span{font-size:2.5rem}@media screen and (min-width:2000px){.fahad_header_box span{font-size:5rem}}@media screen and (max-width:1200px){.fahad_header_box{align-items:center;justify-content:center}}@media screen and (max-width:470px){.fahad_header_box{width:90%}}.fahad_header_greet{align-items:center;display:flex;flex:1 1;justify-content:center}.fahad_header_greet img{border-radius:15px;height:90%;width:90%}@media screen and (max-width:1200px){.fahad_header_greet{flex:0 1}.fahad_header_greet img{height:85%;width:85%}}@media screen and (max-width:470px){.fahad_header_greet{flex:0 1}.fahad_header_greet img{height:90%;width:90%}}#skills{min-height:100vh;padding:1.5rem 0 0}@media screen and (max-width:800px){#skills{padding:1.5rem 0 2rem}}.Skill-Head{font-size:40px;margin-bottom:50px;text-align:center;text-decoration:underline}@media screen and (max-width:1100px){.Skill-Head{font-size:30px}}.fahad_skills_container{margin-top:3rem;width:100%}.fahad_skills_box{align-items:flex-start;display:flex;flex:1 1;flex-wrap:wrap;justify-content:flex-start;margin:auto;width:82%}@media screen and (max-width:1100px){.fahad_skills_box{align-items:center;justify-content:center;width:92%}}.fahad_single_skill{flex-direction:column;margin:1.3rem;text-align:center;transition:all .3s ease-in-out}.fahad_single_skill div{background-color:#fff;border-radius:50%;height:140px;width:140px}.fahad_single_skill div img{height:50%;width:50%}.fahad_single_skill div:hover{box-shadow:0 0 25px #fef4f5}@media screen and (min-width:1700px){.fahad_single_skill div{height:170px;width:170px}}@media screen and (max-width:1100px){.fahad_single_skill div{height:110px;width:110px}}.fahad_single_skill p{color:#000;font-size:17px;font-weight:500;margin-top:.5rem}@media screen and (min-width:2000px){.fahad_single_skill{margin:1rem 2rem}.fahad_single_skill p{margin-top:1rem}}#projects{min-height:100vh;padding:3rem 0 2rem}@media screen and (max-width:800px){#projects{padding:2.5rem 0 2rem}}.Project-Head{font-size:40px;margin-bottom:50px;text-align:center;text-decoration:underline}@media screen and (max-width:1100px){.Project-Head{font-size:30px}}.fahad_projects{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:center;margin-top:2rem}.fahad_single_project{align-items:flex-start;background-color:var(--primary-color);border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.35);display:flex;flex-direction:column;justify-content:flex-start;margin:2rem;min-height:525px;padding:30px;position:relative;transition:all .2s ease;width:450px}@media screen and (max-width:550px){.fahad_single_project{min-height:500px;padding:25px;width:400px}}@media screen and (max-width:450px){.fahad_single_project{min-height:400px;padding:10px;width:250px}}.fahad_single_project:hover{background-color:#000;color:#fff}.fahad_single_project:hover .project-btn>a>button{background-color:#fff;border:2px solid #000;color:#000;font-weight:500}.fahad_single_project h2{margin:10px auto 5px}@media screen and (max-width:450px){.fahad_single_project h2{font-size:18px}}.fahad_single_project img{border:3.5px solid #000;border-radius:10px;height:225px;object-fit:cover;width:100%}@media screen and (max-width:550px){.fahad_single_project img{height:200px}}@media screen and (max-width:450px){.fahad_single_project img{height:125px}.fahad_single_project .fahad_project_desc{font-size:13px}}.fahad_single_project .fahad_tech-stack{bottom:90px;font-size:17px;font-weight:700;margin-top:5px;text-align:left}@media screen and (max-width:450px){.fahad_single_project .fahad_tech-stack{font-size:13px}}.project-btn{bottom:30px;display:flex;justify-content:space-between;left:100px;margin:0 auto;position:absolute;width:250px}@media screen and (max-width:550px){.project-btn{left:115px;width:170px}}@media screen and (max-width:450px){.project-btn{left:40px;width:170px}}.project-btn button{background-color:#000;border:2px solid #000;border-radius:7px;color:var(--white-color);cursor:pointer;font-size:17px;font-weight:500;letter-spacing:.7px;padding:7px 15px;transition:all .3s ease}@media screen and (max-width:550px){.project-btn button{font-size:15px;font-weight:300;padding:3px 7px}}.fahad_navbar{--webkit-backdrop-filter:blur(4px);align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:hsla(0,0%,100%,.25);border:1px solid hsla(0,0%,100%,.18);display:flex;justify-content:space-between;padding:1rem 2rem;position:fixed;width:100%;z-index:2}.fahad_navbar_logo{align-items:center;display:flex;justify-content:flex-start}.fahad_navbar_logo a{color:#000;font-size:30px;text-decoration:none}.fahad_navbar_links{align-items:center;display:flex;flex:1 1;justify-content:center;list-style:none}.fahad_navbar_links li{cursor:pointer;flex-direction:column;margin:0 1rem}.fahad_navbar_links li div{background:transparent;border-radius:50%;height:6px;margin-bottom:5px;width:6px}.fahad_navbar_links li a{color:#000;flex-direction:column;font-size:20px;font-weight:500;text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out}.fahad_navbar_links li a:hover{color:var(--secondary-color)}.fahad_navbar_links li:hover div{background-color:var(--secondary-color)}@media screen and (max-width:900px){.fahad_navbar_links{display:none}}.fahad_nav_button{background-color:#000;border:none;border-radius:5px;color:#f8f7f7;cursor:pointer;font-size:16px;font-weight:500;padding:10px 15px;transition:all .3s ease}.fahad_nav_button:hover{background-color:#fff;border:2px solid #000;color:#000;font-weight:600}@media screen and (max-width:900px){.fahad_nav_button{display:none}}.fahad_navbar_menu{align-items:center;background:#000;border-radius:50%;display:flex;height:35px;justify-content:center;position:relative;width:35px}.fahad_navbar_menu svg{color:var(--white-color);height:70%;width:70%}.fahad_navbar_menu div{align-items:flex-end;background-color:var(--primary-color);bottom:0;box-shadow:0 0 20px hsla(0,0%,66%,.15);display:flex;flex-direction:column;height:100vh;justify-content:flex-end;padding:1rem;position:fixed;right:0;top:0;width:80%;z-index:5}.fahad_navbar_menu div svg{color:#000;height:35px;margin:.5rem 1rem;width:35px}.fahad_navbar_menu div ul{align-items:flex-start;display:flex;flex-direction:column;height:100%;justify-content:flex-start;list-style:none;margin:0;padding:0;width:100%}.fahad_navbar_menu div ul li{margin:1rem}.fahad_navbar_menu div ul li a{color:#000;font-size:1rem;font-weight:500;text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out}.fahad_navbar_menu div ul li a:hover{color:var(--secondary-color)}@media screen and (min-width:900px){.fahad_navbar_menu,.fahad_navbar_menu div{display:none}}.app{background-color:var(--primary-color);font-family:var(--font-base)}.app__whitebg{background-color:var(--white-color)}.app__primarybg{background-color:var(--primary-color)}.app__flex{align-items:center;display:flex;justify-content:center}.app__wrapper{flex:1 1;flex-direction:column;padding:4rem 2rem;width:100%}@media screen and (max-width:450px){.app__wrapper{padding:4rem 1rem 2rem}}.head-text{color:var(--black-color);font-size:2.75rem;font-weight:800;text-align:center;text-transform:capitalize}.head-text span{color:var(--secondary-color)}@media screen and (min-width:2000px){.head-text{font-size:4rem}}@media screen and (max-width:450px){.head-text{font-size:2rem}}.p-text{color:var(--gray-color);font-size:.8rem;line-height:1.5;text-align:left}@media screen and (min-width:2000px){.p-text{font-size:1.75rem}}.bold-text{color:var(--black-color);font-size:1rem;font-weight:800;text-align:left}@media screen and (min-width:2000px){.bold-text{font-size:2rem}}@media screen and (max-width:450px){.bold-text{font-size:.9rem}}.app__social{flex-direction:column;justify-content:flex-end;padding:1rem}.app__social,.app__social div{align-items:center;display:flex}.app__social div{background-color:var(--white-color);border:1px solid #000;border-radius:50%;height:40px;justify-content:center;margin:.25rem 0;transition:all .3s ease-in-out;width:40px}.app__social div svg{color:#000;height:15px;width:15px}.app__social div:hover{background-color:var(--secondary-color);border-color:var(--secondary-color)}.app__social div:hover svg{color:var(--white-color)}@media screen and (min-width:2000px){.app__social div{height:70px;margin:.5rem 0;width:70px}.app__social div svg{height:30px;width:30px}}.app__navigation{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:1rem}.app__navigation .app__navigation-dot{background-color:var(--white-color);border:1px solid #000;border-radius:50%;height:10px;margin:.5rem;transition:background-color .2s ease-in-out;width:10px}.app__navigation .app__navigation-dot:hover{background-color:var(--secondary-color)}@media screen and (min-width:2000px){.app__navigation .app__navigation-dot{height:20px;width:20px}}@media screen and (max-width:500px){.app__navigation,.app__social{display:none}}.git-head{font-size:40px;margin-bottom:50px;text-align:center;text-decoration:underline}@media screen and (max-width:1100px){.git-head{font-size:30px}}@media screen and (max-width:700px){.git-head{font-size:30px;margin-bottom:30px}}img{height:100%;width:100%}.streak-div{margin:auto;width:550px}@media screen and (max-width:900px){.streak-div{width:500px}}@media screen and (max-width:700px){.streak-div{width:350px}}@media screen and (max-width:500px){.streak-div{width:300px}}.lang-div{display:flex;height:300px;margin:auto;width:850px}@media screen and (max-width:900px){.lang-div{height:250px;width:650px}}@media screen and (max-width:700px){.lang-div{height:175px;width:450px}}@media screen and (max-width:500px){.lang-div{flex-direction:column;height:auto;padding:25px;width:300px}.lang-div .stat-img{margin-top:25px}}.cal-div{margin:auto auto 70px}@media screen and (max-width:900px){.cal-div{margin-bottom:50px}}@media screen and (max-width:700px){.cal-div{margin-bottom:40px}}@media screen and (max-width:500px){.cal-div{margin-bottom:30px}}:root{--font-base:"DM Sans",sans-serif;--primary-color:#f5e6cc;--secondary-color:#000;--black-color:#030303;--lightGray-color:#e4e4e4;--gray-color:#6b7688;--brown-color:#46364a;--white-color:#fff}*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth}
/*# sourceMappingURL=main.a12009fc.css.map*/