*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}a{text-decoration:none;color:#fff}html,body{height:100%;margin:0}body{background-color:#04043e}#root{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;display:flex;flex-direction:column}.center-vertically{flex:1;display:flex;flex-direction:column;justify-content:center}nav{background-color:#0f0f30;width:100%;height:80px;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:8px 20px;margin-bottom:20px}nav .left{font-size:24px;color:#b36af8}nav .right ul{display:flex;justify-content:space-between;align-items:center;list-style:none;font-size:20px}ul li{margin:0 16px;text-decoration:none;color:#fff;position:relative;cursor:pointer}ul li:after{content:"";width:0;height:3px;background-color:#ff004f;position:absolute;left:0;bottom:-6px;transition:.5s}ul li:hover:after{width:100%}html{scroll-behavior:smooth}nav button{background:none;border:none;color:#fff;width:30px}.firstsection{display:flex;justify-content:space-around;align-items:center;width:100%;color:#fff;padding:5%}.firstsection .left{display:flex;flex-direction:column;justify-content:center;align-items:center;width:40%;font-size:24px;text-align:center}.firstsection .left #first{font-size:50px}.firstsection .left #first span{color:#b36af8;font-size:54px}.firstsection .left #second{margin-bottom:28px}.resume-download{display:flex;justify-content:center;align-items:center;width:fit-content;background-color:#ff004f;border:4px solid #ff004f;padding:6px 10px 0;border-radius:6px;transition:transform .5s}.firstsection .left *{margin-bottom:10px}.resume-download:hover{transform:scale(1.05);cursor:pointer}.resume-download span{margin-left:4px}.firstsection .right{width:40%}.firstsection .img{width:80%}.separation{display:flex;justify-content:center;margin:50px 0}.separation .line{width:98%;height:4px;background-color:#fff}.about{padding:0 30px;display:flex;justify-content:space-between;box-sizing:border-box}.leftsec{flex-basis:35%;display:flex;justify-content:center;align-items:center}.leftsec .about-img{width:100%;border-radius:6px}.rightsec{width:60%;display:flex;flex-direction:column;justify-content:space-evenly}.rightsec .title{font-size:50px;font-weight:800;color:#fff}.rightsec .content{font-size:20px;color:#f5f0f0ec}.social{display:flex;justify-content:center;align-items:center}.social *{text-decoration:none;color:#fff;font-size:40px;margin:0 20px;cursor:pointer;transition:transform .5s}.social *:hover{transform:translateY(-6px)}.social .leetcode{display:flex;justify-content:center;align-items:center;padding:6px 0}.social .leetcode img{width:46px}.education h1{font-size:50px;color:#fff;padding:0 30px}.education .education-items{display:flex;justify-content:space-around;flex-wrap:wrap;color:#fff}.education .education-item{border:4px solid white;border-radius:10px;padding:20px;margin:12px 10px;width:30%;transition:transform .5s}.education .education-item:hover{transform:translateY(-10px)}.education .education-item h3{color:#b36af8;padding:20px 0}.separation-small{display:flex;justify-content:center;margin:50px 0}.separation-small .line{width:96%;height:1px;background-color:#fff}.skills{color:#fff;padding:0 30px;font-size:16px}.skills .git-logo{color:#fff;font-size:40px;margin-right:10px}.skills span{display:flex;justify-content:center;align-items:center}.skills img{width:45px;margin-right:10px}.skills h1{font-size:50px;color:#fff;padding-bottom:20px}.skills h2{text-align:center;font-size:30px;padding-bottom:20px}.grid{display:grid;grid-template-columns:30% 30% 30%;justify-content:space-between;row-gap:50px}.logo{opacity:0;transform:translateY(50px);transition:all 1s ease-in-out}.visible{opacity:1;transform:translateY(0)}.Project{color:#fff;padding:0 30px;font-size:16px}.Project h1{font-size:50px;margin-bottom:20px}.Project-section{display:grid;grid-template-columns:30% 30% 30%;justify-content:space-between;row-gap:50px}.project-card{background-color:#0f0f30;padding:20px;border:4px solid white;border-radius:10px;box-sizing:border-box}.project-card img{aspect-ratio:16/9;width:100%;object-fit:fill;border-radius:12px}.project-card *{padding:6px}.project-card .title{color:#b36af8;font-size:20px;text-align:center}.project-card .desc,.tech{color:#f5f0f0ec;font-size:16px}.project-card a{text-decoration:none;color:#eb064e;padding:8px}.project-card a:hover{color:#e92261}.project-card strong{text-decoration:underline;font-size:large}.contact-me{color:#fff;padding:0 30px;font-size:16px}.contact-me h1{font-size:50px}.contact-me .contact-sec{display:flex;justify-content:space-between}.contact-me .contact-sec .left-contact{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-basis:40%}.contact-me .contact-sec .left-contact *{margin:10px 5px}.left-contact .phone,.email{display:flex;justify-content:center;align-items:center;font-size:20px}.left-contact .social{display:flex;justify-content:flex-start}.contact-me .contact-sec .right-contact{flex-basis:40%}.contact-me .contact-sec .right-contact h3{font-size:24px}.right-contact .form{display:flex;flex-direction:column;justify-content:center;align-items:center}.right-contact .form input,textarea{margin:20px 0;padding:14px;background-color:#262626;color:#fff;border:none;border-radius:4px;width:100%;font-size:16px}.right-contact .form .submit{background-color:#ff004f;color:#fff;border:2px solid #ff004f;border-radius:4px;padding:8px 14px;font-size:20px;cursor:pointer;transition:transform .3s}.right-contact .form .submit:hover{transform:scale(1.1)}.confirmation-msg{color:green;font-size:16px;margin-bottom:4px}.footer-content{width:100%;padding:20px;background-color:#0f0f30;color:#fff;text-align:center}.footer-content h3{font-size:24px;padding:20px 0}.footer-content p{font-size:14px;color:#f5f0f0ec}nav .menu{display:none}@media screen and (max-width: 950px){nav .menu{display:block;font-size:25px;color:#fff}nav .right ul{position:fixed;top:0;right:-250px;background-color:#0f0f30;height:100vh;width:250px;padding-top:50px;display:flex;flex-direction:column;justify-content:flex-start;z-index:2;transition:right .5s}nav .right ul li{display:block;margin:30px}nav ul .menu{position:absolute;top:25px;left:25px;cursor:pointer}.firstsection .left{font-size:20px}.firstsection .left #first{font-size:30px}.firstsection .left #first span{font-size:34px}.firstsection .img{width:100%}.rightsec .title{font-size:30px}.rightsec .content{font-size:16px}.rightsec .social{display:flex;justify-content:center;align-items:center}.rightsec .social *{color:#fff;font-size:34px;cursor:pointer;margin:10px;transition:transform .5s}.rightsec .social *:hover{transform:translateY(-6px)}.rightsec .social .leetcode img{width:37px}.education h1{font-size:30px}.education .education-item{font-size:16px}.education .education-item h3{font-size:20px;color:#b36af8;padding:20px 0}.Project-section{display:grid;grid-template-columns:45% 45%;justify-content:space-between}}@media screen and (max-width: 800px){.education h1{font-size:50px}.education .education-items{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-wrap:wrap}.education .education-item{width:90%}.education .education-item h3{color:#b36af8;padding:20px 0}.grid{display:grid;grid-template-columns:40% 40%;justify-content:space-around;row-gap:50px}.Project-section{display:grid;grid-template-columns:1fr;justify-content:space-between;row-gap:50px}.project-card{background-color:#0f0f30;padding:20px;border:4px solid white;border-radius:10px;box-sizing:border-box}.contact-me .contact-sec{display:flex;flex-direction:column;align-items:center;justify-content:center}.contact-me .contact-sec .left-contact,.contact-me .contact-sec .right-contact{width:90%}}@media screen and (max-width: 700px){.firstsection{width:100%;display:flex;flex-direction:column-reverse}.firstsection .right,.firstsection .img{width:90%}.firstsection .left{width:90%;text-align:center}.about{display:flex;flex-direction:column}.rightsec{width:100%}.rightsec .social *{color:#fff;font-size:30px;cursor:pointer}.rightsec .social .leetcode img{width:33px}}