nav li{border-bottom:2px solid transparent;list-style-type:none}nav li:hover{border-bottom:2px solid var(--accent)}.submenu{display:grid;grid-template-columns:30% 70%}.menu-item{line-height:2rem;padding:10px .5rem}nav li div.submenu{background-color:var(--secondary);display:none;position:absolute;right:40px;top:68%;width:70%}nav li:hover>div.submenu{display:grid}nav li ul li{border-bottom:1px solid var(--gray-800);padding:15px}nav li ul li a:hover{color:var(--accent)}img.logo{height:auto;margin:auto;width:auto}.navbar{background-color:transparent;transition:background-color .5s ease-in-out}.navbar.colorChange{background-color:#000}.heroheight{height:600px}.heroandnavheight{height:750px}.sectionheading{font-size:48px;font-style:normal;font-weight:700;line-height:normal}.sectiontext{font-size:20px;font-style:normal;line-height:24px}.custom-letter-spacing{letter-spacing:1px}.banner-section{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;min-height:80vh;position:relative;z-index:1}body:before{content:"";display:block;min-height:80vh;position:absolute;top:0;width:100%;z-index:-1}.content-wrapper{max-width:80%;text-align:left;width:-moz-fit-content;width:fit-content}.font-bold{font-weight:700}.font-normal{font-weight:400}.block{display:block}.button-container{margin-top:20px}.tech-stack-pills{border-radius:5px}