body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}nav{width:100%;height:70px;position:fixed;top:0;left:0;background-color:#fff;display:flex;align-items:center;justify-content:space-around;padding:0 50px 0 0;scroll-behavior:smooth;box-shadow:#11111a1a 0 0 16px;z-index:1000}#logo{width:180px;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer}#logo h2{font-weight:500;font-family:cursive;color:#64aaf6}.span{color:#273952;font-weight:600;margin:5px;font-size:15px}.span:hover{cursor:pointer}nav ul{display:flex;list-style:none;margin:0;padding:0}nav ul li{margin:0 20px;text-decoration:none;font-size:15px;font-weight:500;letter-spacing:1px}nav ul li a{color:#273952;text-decoration:none;font-size:15px;letter-spacing:1px;font-weight:600;font-family:Arial,Helvetica,sans-serif}nav ul li a:hover{color:#64aaf6}.nav-link.resume{color:#273952;text-decoration:none}#menu-btn,#sideMenu{display:none}@media screen and (min-width:768px)and (max-width:1023px){nav>ul{display:none}#menu-btn{display:block;margin:0;cursor:pointer}#sideMenu{width:100%;height:350px;display:block;position:absolute;top:73px;left:0;box-shadow:#00000026 1.95px 1.95px 2.6px;background-color:#fff;z-index:999}#sideMenu ul{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;padding:20px 0;margin:0;list-style:none}#sideMenu ul li a{color:#273952;text-decoration:none;font-size:18px;letter-spacing:1px;font-weight:800;font-family:Arial,Helvetica,sans-serif}#sideMenu ul li a:hover{color:#64aaf6}}@media screen and (max-width:767px){nav{padding:0 20px}nav>ul{display:none}#menu-btn{display:block;margin:0 30px 0 0;cursor:pointer}#sideMenu{width:100%;height:350px;display:block;position:absolute;top:73px;left:0;box-shadow:#00000026 1.95px 1.95px 2.6px;background-color:#fff;z-index:999}#sideMenu ul{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;padding:20px 0;margin:0;list-style:none}#sideMenu ul li a{color:#273952;text-decoration:none;font-size:18px;letter-spacing:1px;font-weight:800;font-family:Arial,Helvetica,sans-serif}#sideMenu ul li a:hover{color:#64aaf6}}#about-heading{margin:auto;text-align:center;font-family:Poppins,sans-serif}#about-heading h1{color:#444;font-weight:600}#about-heading h1 span{color:#1395ba}#details{width:80%;margin:50px auto auto;display:flex;align-items:center;justify-content:space-between;gap:100px}#details p{width:58%;font-size:18px;font-weight:500;font-family:Poppins,sans-serif;color:#444;text-align:left;word-spacing:5px;line-height:28px}#profile-pic{height:297px;width:270px;border-radius:80px 20px 70px 10px;box-shadow:#47b6f640 0 54px 55px,#07aafc1f 0 -12px 30px,#06a4ff1f 0 4px 6px,#02c4ff2b 0 12px 13px,#00c3ff17 0 -3px 5px}#profile-pic img{width:100%;height:100%;border-radius:50px 20px 50px 10px}@media screen and (min-width:768px)and (max-width:1023px){#details p{width:70%;font-size:15px}#profile-pic{width:220px;height:250px}}@media screen and (max-width:767px){#about{margin-top:150px}#details{flex-direction:column-reverse}#details p{font-size:16px;width:100%;text-align:center}}#contact{margin-top:100px;margin-bottom:50px;width:100%}#contact-heading{margin:auto;text-align:center;font-family:Poppins,sans-serif}#contact-heading h1{font-size:28px;color:#444;font-weight:600}#contact-heading span{font-size:28px;color:#1395ba;font-weight:600}#social-contact{width:30%;height:100px;margin:auto;display:flex;align-items:center;justify-content:space-evenly}#contact-section{width:50%;margin:auto;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#1395ba;border-radius:10px;box-shadow:#00000030 0 10px 20px,#0000003b 0 6px 6px}#personal-details{width:100%;height:100px;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center}#contact-phone{font-size:20px;display:flex;align-items:center;justify-content:center;gap:10px;color:#444;font-weight:600}#contact-email{font-size:20px;display:flex;align-items:center;justify-content:center;gap:10px;color:#444;font-weight:600;text-decoration:none}#formbox{margin-top:30px;width:100%;height:400px}.form-box{width:80%;height:90%;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background-color:#fff;border-radius:10px;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 1px 3px 1px}input[type=text]{width:80%;height:30px;font-size:15px;border-radius:7px;font-family:Poppins,sans-serif;text-align:center;border:1px solid rgb(236,223,223)}input[type=email]{width:80%;height:30px;border-radius:7px;font-size:15px;font-family:Poppins,sans-serif;text-align:center;border:1px solid rgb(236,223,223)}textarea{width:80%;height:80px;border-radius:7px;font-size:15px;font-family:Poppins,sans-serif;border:1px solid rgb(236,223,223)}.form-box button{width:100px;height:30px;background-color:#fff;border-radius:7px;border:1px solid #1395ba;font-size:15px;font-family:Poppins,sans-serif;font-weight:600;color:#1395ba;cursor:pointer}@media screen and (min-width:768px)and (max-width:1023px){#contact-section{width:80%}}@media screen and (max-width:767px){#contact-section{width:90%}#contact-email{font-size:15px}}#experience{background-color:#fff;color:#333;padding:60px 20px;font-family:Poppins,sans-serif}.exp-heading{text-align:center;font-size:2.2rem;font-weight:700;color:#333;margin-bottom:40px}.exp-heading span{color:#0097b2}.exp-container{display:flex;flex-direction:column;gap:30px;max-width:900px;margin:0 auto}.exp-card{background:#f9f9f9;border-radius:12px;padding:25px;box-shadow:0 4px 10px #0000000d;transition:transform .3s ease,box-shadow .3s ease}.exp-card:hover{transform:translateY(-5px);box-shadow:0 8px 18px #0000001a}.exp-header{margin-bottom:15px}.exp-role{font-size:1.3rem;font-weight:600;color:#0097b2}.exp-company{font-size:1rem;color:#555;margin-top:4px}.exp-duration{font-size:.95rem;color:#777;font-weight:500;margin-top:2px}.exp-points{margin-top:10px;padding-left:20px;color:#444}.exp-points li{margin-bottom:8px;line-height:1.6;font-size:.95rem}@media(max-width:768px){.exp-heading{font-size:1.8rem}.exp-card{padding:20px}.exp-role{font-size:1.1rem}}@media(max-width:480px){#experience{padding:40px 15px}.exp-heading{font-size:1.6rem}.exp-role{font-size:1rem}.exp-points li{font-size:.9rem}}#github-heading{margin:auto;text-align:center;font-family:Poppins,sans-serif}#github-heading h1{color:#444;font-weight:600}#github-heading h1 span{color:#1395ba}.Github-calendar{width:80%;height:300px;margin:auto;background-color:#1395ba;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:7px;box-shadow:#32325d40 0 6px 12px -2px,#0000004d 0 3px 7px -3px}.Calendar{font-family:Poppins,sans-serif;color:#444;font-weight:700}#stats-heading{margin:50px auto auto;text-align:center;font-family:Poppins,sans-serif}#stats-heading h1{color:#444;font-weight:600}#stats-heading h1 span{color:#1395ba}.github-streaks{width:80%;margin:auto;display:flex;align-items:center;justify-content:center;gap:30px}#github-top-langs-div{width:50%;height:180px;margin:30px auto auto;display:flex;align-items:center;justify-content:center}#github-top-langs-div img{height:100%}@media screen and (min-width:768px)and (max-width:1023px){.Github-calendar{width:90%}.github-streaks{flex-direction:column}}@media screen and (max-width:767px){.Github-calendar{width:90%}.github-streaks{flex-direction:column;width:90%;margin:auto}#github-streak-stats-div{width:100%;margin:auto}#github-streak-stats-div img{width:100%}#github-stats-card-div{width:100%;margin:auto}#github-stats-card-div img{width:100%}}#home{width:100%;height:400px;margin-top:120px}#heading{width:90%;margin:80px auto auto;text-align:center}#name{font-size:60px;color:#444;font-family:Poppins,sans-serif}#name span{color:#1395ba}#type{font-size:40px;color:#444}#social-links{width:150px;margin:20px auto auto;display:flex;align-items:center;justify-content:center;gap:10px}.social-icons{font-size:20px;color:#444;cursor:pointer}.social-icons:hover{color:#1395ba}#resume-btn-2{width:100%;height:50px;display:flex;align-items:center;justify-content:center}#resume-btn-2 button{font-size:18px;height:100%;width:150px;display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid #1395ba;background-color:#fff;border-radius:7px;font-family:Poppins,sans-serif;color:#1395ba}#resume-btn-2 button:hover{border:none;color:#1395ba;cursor:pointer;background-color:#fff;box-shadow:#0000001f 0 1px 3px,#0000003d 0 1px 2px}#resume-link-2{height:80%;width:150px;text-decoration:none}@media screen and (min-width:768px)and (max-width:1023px){#home{height:auto;margin-bottom:50px}}#projects{margin-top:100px;margin-bottom:50px;width:100%}#project-heading{margin:auto;text-align:center;font-family:Poppins,sans-serif}#project-heading h1{font-size:28px;color:#1395ba;font-weight:600}.my_projects{width:80%;height:auto;margin:auto;display:flex;flex-direction:column;gap:30px}.project-card{width:100%;height:28rem;margin:auto;display:flex;align-items:center;justify-content:center;text-align:center;color:#444;gap:30px;box-shadow:#32325d40 0 13px 27px -5px,#0000004d 0 8px 16px -8px}.project-card img{width:100%;margin:auto;transition:width 5s;border-radius:10px}.project-card img:hover{transform:scale(1.08);transform-origin:center;transition:transform .2s ease-in-out}.project-description p{width:100%;font-size:15px;font-weight:600;font-family:Poppins,sans-serif;text-align:center}.project-tech-stack p{font-size:15px;font-weight:600;font-family:Poppins,sans-serif;text-align:center;color:#1395ba}.project-image{width:45%}.project-links{width:20%;margin:50px auto 20px;height:auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.project-links button{background:none;border:none;font-size:30px;cursor:pointer}.project-deployed-link{color:#21cec0}.project-info{width:40%}.project-title h2{color:#1395ba;font-family:Poppins,sans-serif;font-weight:600}.project-card2{width:100%;height:28rem;margin:auto;display:flex;flex-direction:row-reverse;align-items:center;justify-content:center;gap:30px;text-align:center;color:#444;box-shadow:#32325d40 0 13px 27px -5px,#0000004d 0 8px 16px -8px}.project-card2 img{width:100%;margin:auto;transition:width 5s;border-radius:10px}.project-card2 img:hover{transform:scale(1.08);transform-origin:center;transition:transform .2s ease-in-out}.project-description2 p{width:100%;font-size:15px;font-weight:600;font-family:Poppins,sans-serif;text-align:center}.project-tech-stack2 p{font-size:15px;font-weight:600;font-family:Poppins,sans-serif;text-align:center;color:#1395ba}.project-image2{width:45%}.project-links2{width:20%;margin:50px auto 20px;height:auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.project-links2 button{background:none;border:none;font-size:30px;cursor:pointer}.project-deployed-link2{color:#21cec0}.project-info2{width:45%}.project-title2 h2{color:#1395ba;font-family:Poppins,sans-serif;font-weight:600}@media screen and (min-width:768px)and (max-width:1023px){.my_projects{width:90%;margin:auto}.project-links,.project-links2{width:50%}}@media screen and (max-width:767px){.my_projects{width:90%;margin:auto}.project-links,.project-links2{width:50%}.project-image,.project-image2{width:90%;height:50%}.project-info,.project-info2,.project-description p{width:90%}.project-card,.project-card2{flex-direction:column;height:auto}}#skills{width:100%;margin:80px auto 50px}#skill-heading{margin:auto;text-align:center;font-family:Poppins,sans-serif}#skill-heading h1{color:#1395ba;font-weight:600}#skills_box{width:60%;height:auto;margin:30px auto auto;display:grid;grid-template-columns:repeat(5,1fr);row-gap:50px;column-gap:20px}.skills-card{width:150px;height:150px;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:10px;box-shadow:#0000001f 0 1px 3px,#0000003d 0 1px 2px}#skill-logo{width:60%;height:70%;margin:10px auto auto}#skill-logo img{width:80px;height:90%;display:block;margin:auto}#skill-logo img:hover{cursor:pointer}.skill-title{color:#444;font-size:18px;font-weight:500;transition:all .5s ease;margin-top:10px}.skill-title p:hover{color:#1395ba;cursor:pointer}.skills-card:hover{box-shadow:#47b6f640 0 54px 55px,#07aafc1f 0 -12px 30px,#06a4ff1f 0 4px 6px,#02c4ff2b 0 12px 13px,#00c3ff17 0 -3px 5px;cursor:pointer;transition:all .5s ease}@media screen and (min-width:768px)and (max-width:1023px){#skills_box{width:90%;margin:auto;grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:767px){#skills_box{width:90%;margin:auto;grid-template-columns:repeat(2,1fr)}}#tools{margin-top:100px;margin-bottom:50px;width:100%}#tools-heading{margin:auto;text-align:center;font-family:Poppins,sans-serif}#tools-heading h1{color:#1395ba;font-weight:600}.tool-section{width:60%;height:auto;margin:30px auto auto;display:grid;grid-template-columns:repeat(3,1fr);row-gap:50px}.tools-card{width:150px;height:150px;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:10px;box-shadow:#0000001f 0 1px 3px,#0000003d 0 1px 2px}#tool-logo{width:60%;height:70%;margin:10px auto auto}#tool-logo img{width:80px;height:90%;display:block;margin:auto}#tool-logo img:hover{cursor:pointer}.tool-title{color:#444;font-size:18px;font-weight:500;transition:all .5s ease;margin-top:10px}.tool-title p:hover{color:#1395ba;cursor:pointer}.tools-card:hover{box-shadow:#47b6f640 0 54px 55px,#07aafc1f 0 -12px 30px,#06a4ff1f 0 4px 6px,#02c4ff2b 0 12px 13px,#00c3ff17 0 -3px 5px;cursor:pointer;transition:all .5s ease}@media screen and (min-width:768px)and (max-width:1023px){.tool-section{width:90%;margin:auto;grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:767px){.tool-section{width:90%;margin:auto;grid-template-columns:repeat(2,1fr)}}