*{margin:0;padding:0;box-sizing:border-box;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif;scroll-behavior:smooth}a{text-decoration:none}.active a{visibility:visible}.back-to-top{position:fixed;right:30px;bottom:50px;z-index:999}.back-to-top a{visibility:hidden;opacity:0;transition:all .3s ease;text-align:center;width:50px;height:50px;border:2px solid #f53b57;background-color:#f53b57;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center}.back-to-top.active a{visibility:visible;opacity:1}.back-to-top a:hover{background-color:#ff5c75;border-color:#ff5c75}@media screen and (max-width:768px){.back-to-top{right:20px;bottom:20px}}@media screen and (max-width:360px){.back-to-top{right:15px;bottom:15px}}.content{display:flex;justify-content:space-between;align-items:center}.contentBox p{width:90%;text-align:justify;margin:20px 0}.about{padding:100px}.about h2{font-size:2em;text-align:center;margin-bottom:30px}.about h3{margin-bottom:20px}.about .self_image img{max-width:300px;max-height:300px;border-radius:20px}@media screen and (max-width:360px){.about .content{display:flex;justify-content:center;align-items:center;flex-direction:column}.contentBox p{width:90%}.about{padding:20px;text-align:justify}.about .self_image img{margin-top:20px}}@media screen and (max-width:768px){.about .content{display:flex;justify-content:center;align-items:center;flex-direction:column}.contentBox{padding:0 10px}.contentBox p{width:100%}.about{padding:20px;text-align:justify}.about .self_image img{margin-top:30px}}.banner{padding:0 100px 100px;position:relative;background-color:#1d1d1d;min-height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center}.text-container{font-size:18px;margin:0 auto}.text-container p{color:#fff;line-height:1.5em}#constantly-updating{color:#3c3c3c;margin-bottom:40px;font-size:44px}#name-text{font-size:45px}.action-buttons-container{margin-top:40px;display:flex;justify-content:space-between}.btn{background-color:#fff;color:#000;font-weight:700;font-size:18px;display:inline-block;padding:10px 30px;letter-spacing:1.5px;border:2px solid white;text-decoration:none;transition:all .3s ease}.btn:hover{background-color:#1d1d1d;color:#fff;border:2px solid white}@media screen and (max-width:1024px){.banner{padding:50px}#constantly-updating{font-size:36px}.action-buttons-container{width:35%;justify-content:space-between}}@media screen and (max-width:768px){.banner{padding:40px 20px}#constantly-updating{font-size:28px}.action-buttons-container{width:40%;flex-direction:column;row-gap:30px}.btn{max-width:none;font-size:14px}}@media screen and (max-width:480px){#constantly-updating{font-size:22px}.action-buttons-container{width:80%}.btn{width:100%;padding:10px 20px;font-size:13px}}.contact{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:5rem 2rem;text-align:center}.contact__heading{font-size:2rem;font-weight:700;margin:0}.contact__email{font-size:1.1rem;color:inherit;text-decoration:none;border-bottom:2px solid transparent;transition:border-color .2s ease}.contact__email:hover{border-bottom-color:currentColor}.contact__socials{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;justify-content:center}.contact__icon{display:flex;flex-direction:column;align-items:center;gap:.3rem;color:inherit;text-decoration:none;padding:.75rem 1rem;border-radius:14px;background:#fff;border:1px solid #f0f0f0;box-shadow:0 2px 8px #00000014;transition:box-shadow .2s ease,transform .2s ease}.contact__icon:hover{box-shadow:0 6px 20px #00000024;transform:translateY(-3px)}.contact-icon{font-size:1.8rem}.contact__leetcode img{width:1.8rem;height:1.8rem;object-fit:contain}.contact__leetcode span{font-size:.75rem;font-weight:500}.contact__location{font-size:.9rem;opacity:.6;margin:0}.education{padding:30px 80px}.education h2{margin:40px 0 30px;text-align:center;font-size:2em}.education .timeline{position:relative;margin:20px auto;padding:20px;width:90%;max-width:800px}.education .timeline:before{content:"";position:absolute;left:50%;width:4px;background-color:#f53b57;top:0;bottom:0;margin-left:-2px}.education .timeline-item{padding:20px;position:relative;width:50%;margin-bottom:50px}.education .timeline-item.left{left:0}.education .timeline-item.right{left:50%}.education .timeline-item:before{content:"";position:absolute;top:25px;right:-8px;width:8px;height:8px;background-color:#fff;border:4px solid #f53b57;border-radius:50%;z-index:1}.education .timeline-item.right:before{left:-8px}.education .timeline-content{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 4px 8px #0000001a;position:relative;text-align:left}.education .timeline-date{font-size:18px;color:#f53b57;font-weight:700;display:block;margin-bottom:10px}.education .timeline-content h2{font-size:20px;margin-bottom:5px;text-align:left}.education .timeline-content p{font-size:16px;color:#555}@media(max-width:1024px){.education .timeline{width:95%;padding:10px}}@media(max-width:768px){.education .timeline:before{left:20px;margin-left:0}.education .timeline-item{width:100%;padding-left:50px;padding-right:20px;margin-bottom:40px}.education .timeline-item.left,.education .timeline-item.right{left:0}.education .timeline-item:before{top:20px;left:4px;right:auto}.education .timeline-item.right:before{left:4px}.education .timeline-content{text-align:left}}@media(max-width:480px){.education{padding:30px 0}.education h2{font-size:1.6em;margin:30px 0 15px}.education .timeline-date{font-size:16px}.education .timeline-content h2{font-size:18px}.education .timeline-content p{font-size:14px}.education .timeline-item{padding-left:40px;padding-right:15px}.education .timeline-item:before{left:6px}}.experience{padding:100px;margin:auto;color:#000}.experience h2{text-align:center;font-size:2em;font-weight:600;margin-bottom:30px}.accordion-item{border:1px solid #ddd;border-radius:8px;margin-bottom:15px;overflow:hidden}.accordion-header{width:100%;background:#f7f7f7;border:none;outline:none;text-align:left;padding:10px;font-size:16px;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.experience-company-name{color:gray;font-size:14px}.accordion-header:focus{outline:none}.accordion-header:hover{background:#ececec}.duration{font-size:14px;font-style:italic;font-weight:700;text-align:right;color:#555}.accordion-body{display:none;padding:15px 20px;background:#fff}.accordion-body ul{padding-left:20px}.accordion-body li{text-align:justify;margin-bottom:10px;line-height:1.6;color:#444;list-style:circle}.accordion-item.active .accordion-body{display:block}@media screen and (max-width:768px){.experience{padding:100px 30px}.experience h2{font-size:28px}.accordion-header{font-size:12px}.experience-company-name{font-size:10px}.duration{font-size:12px}.accordion-body{padding:10px}.accordion-body ul{padding-left:10px;font-size:12px}.accordion-body li{line-height:1.2}}#more{background-color:#1d1d1d;padding:100px;color:#fff}.more-item{list-style:disc;margin:20px 0}#more ul li a{color:#f53b57;font-weight:700;text-decoration:underline}.custom-list{margin-top:20px}.custom-list p{margin:5px 0}.custom-list ul{padding-left:30px;display:flex;flex-direction:column;row-gap:5px}.custom-list-item{list-style-type:decimal}@media screen and (max-width:768px){#more{padding:100px 30px}#more ul li{font-size:14px;text-align:justify}#more ul li a{color:#f53b57;font-weight:700;text-decoration:underline}}nav,#nav{background-color:#202020;width:100%}nav ul{width:80%;margin:auto;text-align:center}nav ul li{list-style:none;display:inline-block;padding:20px 25px}nav ul li a{text-decoration:none;color:#fff;transition:.5s}nav ul li a:hover{color:#ff5623}.toggle{width:100%;padding:20px 0;text-align:right;display:none;background-color:#202020}.toggle i{margin-right:20px;font-size:24px;cursor:pointer}.menu,.burger-menu{color:#fff}@media screen and (max-width:768px){.toggle{display:block}nav ul{display:none;flex-direction:column;width:100%;background-color:#202020;text-align:left;padding:20px}nav ul li{display:block;padding:15px 0}nav ul.active{display:flex!important}}.projects{background-color:#1d1d1d;color:#fff;padding:100px}#section-header{font-size:2em;text-align:center;margin-bottom:30px}.grid-container{display:grid;grid-template-columns:repeat(2,1fr);gap:60px;justify-items:center}.project{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:30px;width:100%;display:flex;row-gap:15px;flex-direction:column;align-items:center;text-align:center}.project span{color:gray;font-size:16px}.project .github-links{color:#fff;border:1px solid #f53b57;background-color:#f53b57;border-radius:5px;padding:5px 15px}.project i{color:#f53b57}.project h2{font-size:24px;color:#000;display:flex;flex-direction:row;align-items:center;column-gap:10px}.project p{font-size:16px;color:#555}.project button{margin:auto;background-color:#f53b57;color:#fff;border:none;padding:10px 15px;border-radius:5px;cursor:pointer}button:hover{background-color:#f53b57}@media(max-width:1024px){.grid-container{grid-template-columns:1fr;gap:40px}.projects{padding:40px 30px 80px}}@media(max-width:768px){h2{font-size:1.6em}.project{padding:15px}.project h2{font-size:20px}.project p,.project span{font-size:14px}.project button{padding:8px 12px;font-size:14px}}@media(max-width:480px){.projects{padding:30px 30px 60px}.grid-container{gap:20px}.project{padding:12px}.project h2{font-size:18px;flex-direction:column;row-gap:5px}.project button{width:100%}}.skills{background-color:#1d1d1d;color:#fff;padding:50px 100px 100px}.skills h2{font-size:2em;text-align:center;margin:40px 0 20px}.skill h2{font-size:1.2em;font-weight:600;font-style:italic;text-align:center;margin:0 0 10px}.skills .content{display:flex;justify-content:center;flex-wrap:wrap;gap:15px;align-items:stretch}.skills .content .skill{background-color:#333;padding:40px 20px;color:#fff;width:340px;margin:10px;text-align:center;transition:.25s;border-radius:8px;box-sizing:border-box;flex:1 1 300px;max-width:340px;display:flex;flex-direction:column;justify-content:space-evenly}.skills .content .skill:hover{background-color:#f53b57}@media screen and (max-width:1024px){.skills{padding:50px 40px 80px}.skills h2{font-size:1.8em}.skills .content .skill{width:45%}}@media screen and (max-width:768px){.skills{padding:40px 20px 80px}.skills h2{font-size:1.6em;margin:20px 0}.skills .content .skill{width:100%;padding:30px 15px}.skill h2{font-size:1.1em}.skills .content .skill p{font-size:14px}}@media screen and (max-width:480px){.skills{padding:30px 15px 60px}.skills h2{font-size:1.4em}.skills .content{gap:15px}.skills .content .skill{width:100%;padding:25px 12px}.skill h2{font-size:1em}.skills .content .skill p{font-size:13px}}