body{margin:0;font-family:Work Sans,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--primary-color: #171717;--secondary-color: #3b82f6;--links-color: #f8fafc}html{scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Work Sans,sans-serif;background-color:var(--primary-color);scroll-behavior:smooth;cursor:default}.wrapper{width:100%;min-height:100vh;padding-left:4%;padding-right:4%}header{position:relative;width:50%;margin:auto;padding:40px 0;top:0;left:0}nav ul{display:flex;justify-content:space-between}nav ul li{list-style-type:none;display:inline-block;padding:10px;font-size:large}nav li a{color:var(--links-color);list-style:none;text-decoration:none}nav ul li a:hover{color:var(--secondary-color)}.menu-icon{width:30px;cursor:pointer;display:none}section{width:50vw;padding:10px 25px;margin:30px auto}.landing{display:flex;flex-direction:row;justify-content:space-between}.landing div:nth-child(1){min-width:250px}.landing h4 a{text-decoration:none;color:var(--secondary-color)}.landing div:nth-child(2){display:flex;align-items:center;justify-content:center}#dp{height:175px}h1,#resume,.landing h4{margin:20px 0}#resume:hover{color:var(--secondary-color);cursor:pointer}.typing{color:var(--links-color)}section h1{color:var(--secondary-color)}.social-links{margin:20px auto;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.social-links li{list-style:none;margin-right:30px}.social-links li a{text-decoration:none;color:var(--links-color);cursor:pointer}.social-links li a:hover{color:var(--secondary-color)}.info-para{display:flex;gap:6px}#about div{color:var(--links-color);padding-top:10px}p{margin-top:20px;margin-bottom:20px;color:var(--links-color)}.about h1{color:var(--secondary-color)}.skills-section{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.skills-grid{display:grid;grid-template-columns:repeat(4,1fr);align-items:center;justify-items:start}.bullets{color:var(--secondary-color)}.skills-grid>div{display:flex;justify-content:left;align-items:center}.skills-grid>div>h4{color:var(--links-color);margin:15px}.skills-grid>div h4:hover{color:var(--secondary-color);cursor:default}.project-grid{margin-top:30px;display:grid;grid-template-columns:100%}.project-grid>div{margin:15px 0;display:flex;flex-direction:column;justify-content:left;line-height:25px}.project-icons{display:flex;color:var(--links-color);gap:20px;margin-bottom:30px}.project-icons:hover{color:var(--secondary-color)}.project-grid>div>div{padding-left:0;display:flex;justify-content:left}.project-title{color:var(--secondary-color)!important;text-decoration:none;font-size:1.25rem!important}.project a,p{color:var(--links-color)}.project a{font-size:1.5rem}.project h3{color:var(--secondary-color)}.cocurricular-grid{margin-top:30px;display:grid;grid-template-columns:100%}.cocurricular-grid div h3,.cocurricular-grid div h2{color:var(--secondary-color);margin:5px 0}.contact ul{display:flex;justify-content:flex-start;gap:2rem}.contact ul li a{color:var(--links-color);font-size:2rem}.contact ul li a:hover{color:var(--secondary-color)}.contact ul li{list-style:none;text-decoration:none}footer div span{color:var(--secondary-color)}footer p{font-size:1.3em;text-align:center}@media only screen and (max-width: 1048px){header{width:75vw}section{width:75vw;margin:15px auto}.skills-grid{grid-template-columns:1fr 1fr 1fr}}@media only screen and (max-width: 768px){.wrapper{padding:0}header{width:100%;margin:0}nav ul{right:0;z-index:2;flex-direction:column}nav ul li{padding:10px}.menu-icon{display:block;margin-left:auto;position:relative;z-index:10;left:-14px}.nav-menu{position:fixed;top:0;right:-100%;height:100%;width:100%;background-color:gray;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;transition:right .3s ease-in-out;z-index:9}.nav-menu.open{right:0}.menu-icon{position:relative;z-index:10}section{width:100%;margin:auto}section h1{text-align:center}.info-para{justify-content:center;text-align:center}.social-links{width:100%;justify-content:center;align-items:center;margin:auto}#dp{height:150px}.landing{flex-direction:column-reverse}.name,.landing h4{text-align:center}.project-grid>div{margin:5px 0}.skills-grid{grid-template-columns:50% 50%;gap:12px}.more-projects,.project-grid div{text-align:center}.project-grid>div>div{justify-content:center}.cocurricular-grid div{text-align:center}.about{color:var(--links-color);margin:auto;width:100%}.about p{margin-top:1.5rem;width:90%}.contact ul{justify-content:center}footer{display:flex;justify-content:center;align-items:center;text-align:center}footer div{width:55%}}