body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{align-items:center;height:100vh;justify-content:center;overflow:hidden}.App,.app-container{display:flex;width:100%}.app-container{flex-direction:row;height:100%;margin:0 auto;max-width:1400px}.Sidebar{background-color:#f4f4f4;flex:0 0 250px;height:100%;overflow-y:auto}.content{flex:1 1;overflow-y:auto;padding:20px}@media (max-width:600px){.App{align-items:flex-start;justify-content:flex-start}.app-container{flex-direction:column;height:100%;width:100%}.Sidebar{background-color:#fff;bottom:0;flex:0 0 auto;left:0;position:absolute;top:0;width:100%;z-index:10}.content{padding:15px;width:100%}body{overflow-x:hidden}}@media (min-width:601px) and (max-width:767px){.app-container{flex-direction:column}.Sidebar{height:50px}.Sidebar,.content{width:100%}}@media (min-width:768px) and (max-width:1200px){.App{align-items:center;justify-content:center}.app-container{flex-direction:row}.Sidebar{height:100%;width:250px}.content{padding:20px;width:calc(100% - 250px)}}.sidebar{align-items:center;background:linear-gradient(135deg,#4a90e2,#145388);box-shadow:2px 0 10px #0003;color:#fff;display:flex;flex-direction:column;height:100vh;padding:20px 10px;width:250px;z-index:999}.profile{margin-bottom:40px;text-align:center}.profile-pic{border:3px solid #fff;border-radius:50%;height:100px;margin-bottom:10px;object-fit:cover;transition:transform .3s ease;width:100px}.profile-pic:hover{transform:scale(1.1)}.profile-name{font-size:1.2rem;font-weight:700}.nav-links{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.nav-link{border-radius:5px;color:#fff;font-size:1rem;margin-bottom:10px;padding:10px 20px;text-align:center;text-decoration:none;transition:background .3s ease,transform .2s ease;width:80%}.nav-link:hover{background:#fff3;transform:translateX(5px)}.hamburger{color:#fff;cursor:pointer;display:none;font-size:30px;margin:15px;transition:transform .3s ease}@media (max-width:600px){.sidebar{display:none}.hamburger{color:red;cursor:pointer;display:block;font-size:30px;left:20px;position:fixed;top:20px;z-index:1000}.sidebar.open{align-items:center;background:linear-gradient(135deg,#4a90e2,#145388);box-shadow:2px 0 10px #0003;display:flex;flex-direction:column;height:100vh;left:0;overflow:auto;padding-top:50px;position:fixed;top:0;width:250px;z-index:999}.profile{margin-bottom:40px;text-align:center}.profile-pic{border:3px solid #fff;border-radius:50%;height:80px;margin-bottom:10px;object-fit:cover;width:80px}.profile-name{font-size:1.2rem;font-weight:700}.nav-links{align-items:center;display:flex;flex-direction:column}.nav-link{background:#fff3;border-radius:5px;color:#fff;font-size:1rem;padding:12px;text-align:center;text-decoration:none;transition:background .3s ease;width:80%}.nav-link:hover{background:#fff6}body{overflow:auto}}@media (min-width:601px) and (max-width:767px){.sidebar{background:linear-gradient(135deg,#4a90e2,#145388);box-shadow:2px 0 10px #0003;color:#fff;height:200px;justify-content:space-between;padding:15px 10px;width:100%;z-index:999}.profile,.sidebar{align-items:center;display:flex;flex-direction:column}.profile{text-align:center}.profile-pic{border:3px solid #fff;border-radius:50%;height:50px;object-fit:cover;transition:transform .3s ease;width:50px}.profile-pic:hover{transform:scale(1.1)}.profile-name{font-weight:700}.nav-links{display:flex;flex-direction:row;width:100%}.nav-link{border-radius:5px;color:#fff;padding:12px 20px;text-align:center;text-decoration:none;transition:background .3s ease,transform .2s ease}.nav-link:hover{background:#fff3;transform:translateX(5px)}}@media (min-width:768px) and (max-width:1200px){.sidebar{padding:20px;width:220px}.profile-pic{height:100px;width:100px}.profile-name{font-size:1.2rem}.nav-link{font-size:1rem;padding:10px 20px}}.home-con{align-items:center;border-radius:10px;display:flex;flex-direction:column;height:600px;justify-content:center;overflow:hidden;position:relative;text-align:center;width:80%}#home-h1{background-color:#0006;bottom:10%;color:#fff;font-family:Arial,sans-serif;font-size:2.5rem;font-weight:700;margin:0;padding:20px;text-align:center;text-shadow:2px 2px 4px #00000080;transition:opacity 1s ease-in-out,transform 1s ease-in-out}#home-h1,#home-image{border-radius:10px;opacity:0;position:absolute}#home-image{height:100%;left:0;object-fit:cover;top:0;transition:opacity 1s ease-in-out;width:100%;z-index:-1}.home-con.fade-in #home-h1,.home-con.fade-in #home-image{opacity:1;transform:translateY(0)}.home-con.fade-in #home-h1{transform:translateY(-20px)}@media (max-width:600px){.home-con{height:400px;width:80%}#home-h1{bottom:15%;font-size:1.8rem;padding:15px}#home-image{object-fit:cover}}@media (min-width:601px) and (max-width:767px){.home-con{height:500px;width:80%}#home-h1{bottom:12%;font-size:2rem;padding:18px}#home-image{object-fit:cover}}@media (min-width:768px) and (max-width:1200px){.home-con{height:550px;width:85%}#home-h1{bottom:10%;font-size:2.3rem}#home-image{object-fit:cover}}.about-con{align-items:flex-start;background-color:#f4f7fa;border-radius:10px;display:flex;flex-direction:column;margin:0 auto;padding:20px;width:80%}p{text-align:left}.containers{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between;width:100%}#cont-1{align-items:center;border:1px solid #000;display:flex;flex:1 1;flex-direction:column;height:200px;justify-content:center;max-width:300px;padding:10px}#mern-logo{height:100px;width:100px}body{overflow-x:hidden;scroll-behavior:smooth}@media (max-width:600px){.about-con{padding:10px;width:80%}.containers{align-items:center;flex-direction:column;gap:20px}#cont-1{height:auto;width:60%}#mern-logo{height:50px;width:50px}}@media (min-width:601px) and (max-width:767px){.about-con{width:80%}.containers{gap:25px;justify-content:center}#cont-1{max-width:45%}#mern-logo{height:90px;width:90px}}@media (min-width:768px) and (max-width:1200px){.about-con{width:85%}.containers{gap:30px;justify-content:space-between}#cont-1{max-width:30%}#mern-logo{height:100px;width:100px}.containers h3,.containers h4{font-size:15px}}html{scroll-behavior:smooth}body{margin:0;padding:0}#about,#contact,#education,#experience,#home,#projects,#skills{align-items:center;display:flex;flex-shrink:0;justify-content:center;min-height:80vh;padding:100px 0;text-align:center}section{margin-bottom:10px}body{align-items:center;display:flex;flex-direction:column}@media (max-width:600px){#about,#contact,#education,#experience,#home,#projects,#skills{min-height:60vh;padding:50px 0}section{margin-bottom:100px}}@media (min-width:601px) and (max-width:767px){#about,#contact,#education,#experience,#home,#projects,#skills{min-height:70vh;padding:60px 0}section{margin-bottom:150px}}@media (min-width:768px) and (max-width:1200px){#about,#contact,#education,#experience,#home,#projects,#skills{min-height:80vh;padding:80px 0}section{margin-bottom:200px}}.skills-container{align-items:flex-start;background-color:#f4f7fa;border-radius:10px;display:flex;flex-direction:column;gap:20px;margin:0 auto;padding:20px;width:80%}.skill-range{display:flex;flex-direction:row;flex-wrap:wrap;height:500px;justify-content:space-between;width:95%}#range-con{align-items:flex-start;display:flex;flex-direction:column}input{width:400px}@media (max-width:600px){.skills-container{padding:15px;width:80%}.skill-range{align-items:center;flex-direction:column;height:auto;justify-content:flex-start}input{width:90%}#range-con{align-items:center;width:100%}}@media (min-width:601px) and (max-width:767px){.skills-container{padding:20px;width:80%}.skill-range{flex-direction:row;flex-wrap:wrap;gap:20px;height:auto;justify-content:center}input{width:300px}#range-con{align-items:flex-start}}@media (min-width:768px) and (max-width:1200px){.skills-container{width:80%}.skill-range{flex-direction:row;flex-wrap:wrap;height:auto;justify-content:space-between}input{width:350px}#range-con{align-items:flex-start}}@media (min-width:1201px) and (max-width:1300px){.skills-container{height:1000px;width:80%}.skill-range{gap:30px;height:300px;justify-content:space-between}input{width:400px}#range-con{align-items:flex-start}}.education-container{align-items:flex-start;background-color:#f4f7fa;border-radius:10px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;gap:20px;margin:0 auto;padding:20px;width:80%}.education-title{color:#333;font-size:2rem;font-weight:700;margin-bottom:20px;text-align:center}#college-con{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex;justify-content:space-between;padding:20px;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease;width:80%}#college-con h1{color:#2c3e50;font-size:1.5rem}#college-con:hover{box-shadow:0 6px 12px #0003;transform:translateY(-5px)}#college-con.highlighted{background-color:#145388;color:#fff}#college-con.highlighted h1{color:#fff}#college-open{animation:slideDown .3s ease;background-color:#4a90e2;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-top:10px;padding:20px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}#college-open h3{color:#2c3e50;font-size:1.2rem;margin:5px 0}@media (max-width:600px){.education-container{padding:15px;width:80%}.education-title{font-size:1.6rem}#college-con{display:flex;flex-direction:column;gap:10px;padding:15px;width:90%}#college-con h1{font-size:1.2rem;text-align:center}#college-open{padding:15px}#college-open h3{font-size:1rem}}@media (min-width:601px) and (max-width:767px){.education-container{padding:20px;width:80%}.education-title{font-size:1.8rem}#college-con{flex-direction:row;padding:18px;width:80%}#college-con h1{font-size:1.4rem}#college-open{padding:18px}#college-open h3{font-size:1.1rem}}@media (min-width:768px) and (max-width:1200px){.education-container{padding:30px;width:75%}.education-title{font-size:2rem}#college-con{padding:20px;width:80%}#college-con h1{font-size:1.5rem}#college-open{padding:20px}#college-open h3{font-size:1.2rem}}.experience-container{align-items:flex-start;background-color:#f4f7fa;border-radius:10px;display:flex;flex-direction:column;font-family:Arial,sans-serif;margin:40px auto;padding:20px;width:80%}.section-title{font-size:2rem;margin-bottom:30px;text-align:center}.experience-box{border:2px solid #4a90e2;border-radius:10px;cursor:pointer;margin-bottom:20px;padding:20px;transition:background-color .3s ease,box-shadow .3s ease;width:80%}.experience-box:hover{background-color:#f0f8ff;box-shadow:0 4px 12px #0000001a}.experience-box.expanded{background-color:#e8f5e9}.experience-header{align-items:center;display:flex;justify-content:space-between}h3{color:#2c3e50;font-size:1.6rem;margin:0}.projects,.role,.skills,.technology{font-size:1rem;margin-top:10px}.experience-details{margin-top:15px}.experience-details ul{padding-left:20px}.experience-details li{color:#34495e;font-size:.95rem;margin:5px 0}.toggle-icon{color:#3498db;font-size:1.2rem;transition:transform .3s ease}.toggle-icon:hover{transform:scale(1.2)}.toggle-icon:active{transform:scale(1)}@media (max-width:600px){.experience-container{padding:15px;width:80%}.section-title{font-size:1.6rem}.experience-box{padding:15px;width:80%}.experience-header h3{font-size:1.4rem}.projects,.role,.skills,.technology{font-size:.9rem}.experience-details li{font-size:.85rem}.toggle-icon{font-size:1rem}}@media (min-width:601px) and (max-width:767px){.experience-container{width:80%}.section-title{font-size:1.8rem}.experience-box{width:80%}.experience-header h3{font-size:1.5rem}.projects,.role,.skills,.technology{font-size:.95rem}.experience-details li{font-size:.9rem}.toggle-icon{font-size:1.1rem}}@media (min-width:768px) and (max-width:1200px){.experience-container{padding:25px;width:75%}.section-title{font-size:2rem}.experience-box{width:80%}.experience-header h3{font-size:1.6rem}.projects,.role,.skills,.technology{font-size:1rem}.experience-details li{font-size:.95rem}.toggle-icon{font-size:1.2rem}}.project-container{align-items:flex-start;background-color:#f4f7fa;border:1px solid #000;border-radius:10px;display:flex;flex-direction:column;gap:20px;margin:0 auto;padding:20px;width:80%}h3{font-size:2rem;margin-bottom:10px}.myprojects{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-around;margin-top:20px}.project-card{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;color:inherit;height:500px;overflow:hidden;text-decoration:none;transition:transform .3s,box-shadow .3s;width:400px}.project-card:hover{box-shadow:0 8px 16px #0003;transform:translateY(-5px)}.project-img{height:200px;overflow:hidden;width:100%}.project-img-content{height:100%;object-fit:cover;width:100%}.project-info{padding:15px;text-align:center}.project-info h4{font-size:1.5rem;margin-bottom:10px}.project-info p{color:#555;font-size:1rem}@media (max-width:600px){.project-container{padding:15px;width:80%}h3{font-size:1.5rem;text-align:center}.myprojects{align-items:center;flex-direction:column;gap:15px}.project-card{height:auto;width:100%}.project-info h4{font-size:1.2rem}.project-info p{font-size:.9rem}}@media (min-width:601px) and (max-width:767px){.project-container{width:80%}h3{font-size:1.8rem}.myprojects{flex-direction:row;gap:20px;justify-content:space-evenly}.project-card{height:450px;width:350px}.project-info h4{font-size:1.4rem}.project-info p{font-size:.95rem}}@media (min-width:768px) and (max-width:1200px){.project-container{width:80%}.myprojects{justify-content:space-around}.project-card{height:480px;width:380px}.project-info h4{font-size:1.5rem}.project-info p{font-size:1rem}}.contact-container{background-color:#f4f7fa;border-radius:10px;box-shadow:0 4px 12px #0000001a;font-family:Arial,sans-serif;margin:0 auto;padding:40px;width:80%}.contact-title{color:#2c3e50;font-size:3rem;margin-bottom:20px;text-align:center}.contact-subtitle{color:#7f8c8d;font-size:1.2rem;margin-bottom:40px;text-align:center}.contact-info{flex-direction:column;gap:25px}.contact-info,.contact-item{align-items:center;display:flex}.contact-item{background-color:#fff;border-radius:10px;box-shadow:0 2px 6px #0000001a;max-width:600px;padding:20px;transition:transform .3s ease,box-shadow .3s ease;width:80%}.contact-item:hover{box-shadow:0 6px 16px #0000001a;transform:translateY(-5px)}.contact-icon{color:#3498db;font-size:2.5rem;margin-right:20px}.contact-text{color:#34495e;font-size:1rem}.contact-text h3{color:#2c3e50;font-size:1.2rem;margin:0}.contact-text p{color:#7f8c8d;margin-top:5px}.email-link{color:#3498db;text-decoration:none}.email-link:hover{text-decoration:underline}.footer{color:#7f8c8d;font-size:.9rem;margin-top:40px;text-align:center}@media (max-width:600px){.contact-container{padding:20px;width:80%}.contact-title{font-size:2rem}.contact-subtitle{font-size:1rem;margin-bottom:20px}.contact-item{padding:15px;width:80%}.contact-icon{font-size:2rem;margin-right:15px}.contact-text h3{font-size:1rem}.contact-text p{font-size:.9rem}}@media (min-width:601px) and (max-width:767px){.contact-container{padding:30px;width:80%}.contact-title{font-size:2.5rem}.contact-subtitle{font-size:1.1rem}.contact-item{padding:18px;width:80%}.contact-icon{font-size:2.2rem}.contact-text h3{font-size:1.1rem}.contact-text p{font-size:.95rem}}@media (min-width:768px) and (max-width:1200px){.contact-container{padding:40px;width:75%}.contact-title{font-size:3rem}.contact-subtitle{font-size:1.2rem}.contact-item{padding:20px;width:80%}.contact-icon{font-size:2.5rem}.contact-text h3{font-size:1.2rem}.contact-text p{font-size:1rem}}
/*# sourceMappingURL=main.f1e2a7ea.css.map*/