#root{margin:0;padding:0;font-size:10px}.handles{display:flex;justify-content:center}.handles ul{display:flex;align-items:center;justify-content:space-evenly;height:inherit}.handles img{height:2.5rem;width:2.5rem}.selected{color:#0b50ff}.navlist li:hover,.navlist li:focus{color:#0b50ff;cursor:pointer}.headerContainer{position:sticky;top:0;left:0;background-color:#fff;z-index:1}header{display:flex;justify-content:space-between;padding:4.8rem}.heading{display:flex;align-items:flex-end}.hamburger{display:none}@media (max-width: 1000px){header{padding:1.6rem 3rem}.heading{display:grid;grid-template-columns:1fr 1fr;width:100%}.name{line-height:1.5}.slash{display:none}.hamburger{display:block;position:relative;grid-row:1/3;grid-column:2;height:100%}.hamburger button{position:absolute;top:0;right:0;width:50px;height:50px;cursor:pointer;padding:0;background-color:transparent}.hamburger button img{position:absolute;top:0;right:0;display:block;height:inherit;width:inherit}nav{display:none}}nav ul{display:grid;grid-template-columns:repeat(4,auto);gap:2rem;padding-top:8px;font-size:1.3rem;font-weight:300}.slash{margin:0 1rem;font-size:1.6rem;font-weight:300;line-height:1.1}.heading h1:before{content:"";margin-right:1rem;display:inline-block;height:1.6rem;width:1.6rem;background-color:#0b50ff}.icard{box-sizing:border-box;position:relative;top:5rem;display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:80%;height:48rem;background-color:#f4ece6;padding:3rem 3rem 10rem;box-shadow:0 20px 20px -20px #00000073,-20px 0 20px -20px #00000073}.avatar{border-radius:50%;width:20rem;height:20rem;background-image:url(pfp.jpg);background-size:cover}.ruler{height:2px;width:4rem;background-color:#0b50ff}.icard h2{display:none;letter-spacing:.25rem}.handleIdCard{width:100%;height:5.2rem;position:absolute;bottom:0;left:0;background-color:#fff}.handleIdCard ul{width:80%;max-width:24rem}.fromIdCard{display:grid;grid-template-columns:1fr 1fr}@media (min-width: 1000px){.icard{position:absolute;width:34rem;right:-5rem;top:8rem}.icard h2{display:block}.fromIdCard{display:none}}@media (max-width: 650px){.icard{height:42rem}.avatar{width:12rem;height:12rem}}@media (max-width: 420px){.fromIdCard{grid-template-columns:1fr}#resumeBtn{margin-bottom:1rem}}.about{display:grid;grid-template-columns:1fr 2fr}.icardContainer{position:relative;background-color:#e6dace}.sectionContainer{box-sizing:border-box}.about button{width:13rem;height:3.5rem;border-radius:100px}section{padding:18rem 10rem;display:grid;grid-template-rows:2fr 1fr auto;row-gap:.5fr}section h1{font-size:10rem}section article{font-size:1.6rem;line-height:1.5}#resumeBtn{color:#fff;background-color:#0b50ff;margin-right:1rem}#resumeBtn:hover{color:#000;background-color:#fff;transition:.4s ease-out}#projectsBtn{background-color:inherit;border:1px solid #000;transition:.4s ease-out}#projectsBtn:hover{color:#fff;background-color:#0b50ff}@media (max-width: 1000px){.icardContainer{display:flex;justify-content:center;background-color:#fff}.about{grid-template-columns:1fr}.fromAbout{display:none}section{background-color:#e6dace;padding:10rem;grid-template-rows:auto 1fr}section h1{font-size:6rem}}@media (max-width: 650px){section{padding:10rem 4rem}}.bodyContainer{display:flex;justify-content:center;background-color:#e6dace;padding:5rem 0}.body{display:flex;flex-direction:column;align-items:center;width:80%}.body>h1{font-size:3.2rem}.body>h1:before{content:"";margin:0 .5rem .3rem 0;display:inline-block;height:1.6rem;width:1.6rem;background-color:#0b50ff}.expHeading{padding:4rem 0;display:flex;justify-content:space-between;align-items:center;width:100%}.expHeading h3{font-size:2.4rem}.expHeading a{background-color:#0b50ff;color:#fff;border-radius:100px;width:15rem;height:4rem;display:flex;align-items:center;justify-content:center}.experienceTab{display:grid;grid-template-columns:1fr 1fr;width:100%;margin:6rem 0;padding:7rem 5rem;background-color:#fff;box-shadow:0 1px 1px #00000026,0 2px 2px #00000026,0 4px 4px #00000026,0 8px 8px #00000026}.experienceTab h3{font-size:2rem;color:#0b50ff}.expInfo{display:flex;flex-direction:column}.title{font-size:1.6rem}.company,.location{font-size:1.4rem}.experienceTab p{font-size:1.6rem;margin-bottom:2rem}.eduHeading{align-self:flex-start;font-size:2.4rem}.techSkills{width:100%;background-color:#fff;padding:5rem 5rem 6rem;box-shadow:0 1px 1px #00000026,0 2px 2px #00000026,0 4px 4px #00000026,0 8px 8px #00000026}.techSkills h3{font-size:2.4rem}.techSkills ul{display:grid;grid-template-columns:1fr 1fr;font-size:1.4rem}.techSkills li:before{content:"";margin-right:1rem;display:inline-block;height:1rem;width:1rem;background-color:#0b50ff}@media (max-width: 1000px){.experienceTab{padding:2rem;margin-bottom:2rem;grid-template-columns:1fr}.techSkills{padding:2rem 2rem 5rem}}@media (min-width: 1000px){.techSkills ul{grid-template-columns:1fr 1fr 1fr}}@media (max-width: 450px){.expHeading{flex-direction:column}.techSkills ul{grid-template-columns:1fr}}.about,.bodyContainer{animation:opacity-1 .5s 1 forwards}@keyframes opacity-1{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.project{margin:6rem 0;padding:7rem 5rem;width:100%;display:grid;gap:2rem;grid-template-columns:1.5fr 1fr;background-color:#fff;box-shadow:0 1px 1px #00000026,0 2px 2px #00000026,0 4px 4px #00000026,0 8px 8px #00000026}.project p{font-size:1.6rem}.projectTitle{border-left:.8rem solid #0b50ff;position:relative;left:-5rem;padding-left:4rem}.projectTitle h2{color:#0b50ff;font-size:2rem;font-weight:600}.projectTitle h3{margin:0;font-size:1.4rem;font-weight:400}.project picture{grid-column:2;grid-row:1/3;cursor:pointer}.project picture img{max-width:100%}@media (max-width: 1000px){.project{padding:2rem}.projectTitle{left:-2rem;padding-left:1rem}}@media (max-width: 650px){.project{grid-template-columns:1fr}.project picture{grid-column:1;grid-row:3}}.contact{background-color:#fff;width:80%;margin-top:5rem;padding:7rem 5rem;box-shadow:0 1px 1px #00000026,0 2px 2px #00000026,0 4px 4px #00000026,0 8px 8px #00000026}.contact input,.contact textarea{color:#0b50ff;margin:2rem 0;font-size:1.6rem;border-bottom:1px solid #000;width:100%;resize:none}.contact label{font-size:1.6rem;font-weight:600}#message{width:100%;height:20rem;resize:none}.submitBtn{color:#fff;background-color:#0b50ff;margin-right:1rem;border-radius:100px;width:12rem;height:3.5rem}@media (max-width: 1000px){.contact{padding:2rem}}.drawer{position:fixed;background-color:#f4ece6;overflow:hidden;z-index:1000}.drawer-content{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;font-size:2rem;font-weight:600}.drawer-content li{margin-bottom:2rem}.close-btn{position:absolute;font-size:2rem;top:10px;right:10px;border:none;background:none;cursor:pointer}.drawer-right{left:0;top:0;height:100%;transform:translate(-100%)}.drawer-left{right:0;top:0;height:100%;transform:translate(100%)}.drawer-bottom{top:0;left:0;width:100%;height:100%;transform:translateY(-100%)}.drawer-top{bottom:0;left:0;width:100%;height:100%;transform:translateY(100%)}.drawer.open{animation:slide-in .6s ease-in-out forwards,fade-in .6s ease-in-out forwards}.slide-in{animation:slide-in .6s ease-in-out forwards}.slide-out-left{animation:slide-out-left .6s ease-in-out forwards,fade-out .6s ease-in-out forwards}.slide-out-right{animation:slide-out-right .6s ease-in-out forwards,fade-out .6s ease-in-out forwards}.slide-out-top{animation:slide-out-top .6s ease-in-out forwards,fade-out .6s ease-in-out forwards}.slide-out-bottom{animation:slide-out-bottom .6s ease-in-out forwards,fade-out .6s ease-in-out forwards}@keyframes slide-in{0%{transform:translateY(20%)}to{transform:translate(0)}}@keyframes slide-out-left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes slide-out-right{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes slide-out-top{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes slide-out-bottom{0%{transform:translateY(0)}to{transform:translateY(20%)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}footer{display:grid;grid-template-columns:repeat(3,1fr);padding:2rem 4rem;font-size:1.4rem}.handleFooter{justify-content:flex-start}.handleFooter li{margin-right:.8rem}@media (max-width:1000px){footer{grid-template-columns:1fr 1fr}}@media (max-width: 350px){footer{grid-template-columns:1fr}}:root{font-family:poppins-semibold,poppins,sans-serif;line-height:1.5;font-weight:400;font-size:10px}a{font-weight:500;text-decoration:inherit;color:#000}a:hover{color:#abc4ff}ul{list-style:none;padding:0;margin:0}body{margin:0}h1{font-size:2.4rem;line-height:1.1;margin:0;padding:0}h2{font-size:1.6rem;font-weight:300;line-height:1.1;margin:0;padding:0}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;background-color:#fff;font-size:1.4rem;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}input,textarea,select{margin:0;padding:0;border:none;outline:none;background:none;font-family:inherit;font-size:inherit;color:inherit;line-height:inherit}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}