.headerBar{background-color:#d7ff00;width:100%;height:60px;padding:20px;text-align:center;display:flex;justify-content:space-between;align-items:center}.header-logo{width:120px;height:auto;margin:0 auto}.portfolio-btn{border-radius:5px;border-color:var(--mainColor);padding:10px 20px;background-color:#000;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.portfolio-btn:hover{background-color:#e2fc4e;color:#000;transform:scale(1.05)}.herosection{position:relative;width:100%;height:75vh;margin:0 auto;overflow:hidden}.hero-content{width:100%}.herosection p{margin:0 10px;padding:0;font-size:40px}.heroText{font-weight:800;color:#d7ff00}.heroText,.heroTextAlt{font-family:Widescreen uex}.heroTextAlt{font-weight:300;color:#fff}