*{margin:0;padding:0}body{height:100vh;background:#000;color:#fff;font-family:outfit}.navbar{height:7vh;display:flex;align-items:centre;justify-content:space-around;margin:2vh 10vw}#img-logo{height:95%;width:10%}.nav-menu{width:30vw;display:flex;align-items:centre;list-style:none;gap:2vw;font-size:1.1rem;margin:auto}.nav-connect{padding:1.9vh 1vw;border-radius:50px;background:linear-gradient(267deg,#da7c25 .36%,#b923e1);font-size:1.1rem;cursor:pointer;transition:.5s}.nav-connect:hover{transform:scale(1.05)}.hero{display:flex;align-items:center;flex-direction:column;gap:35px}.hero>img{margin-top:150px}.hero>h1{text-align:center;width:70%;font-size:4.5rem;font-weight:600}.hero>h1>span{background:linear-gradient(267deg,#da7c25 .36%,#b923e1);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero>p{width:80%;text-align:center;font-size:1.5rem;line-height:4.5vh}.hero-action{display:flex;align-items:center;gap:4vw;font-size:1.3rem;font-weight:500;margin-bottom:50px}.hero-connect{border:2px solid black;padding:25px 45px;border-radius:50px;background:linear-gradient(267deg,#da7c25 .36%,#b923e1);cursor:pointer}.hero-resume{border:2px solid white;padding:25px 45px;border-radius:50px;cursor:pointer}.hero-connect:hover{border:2px solid white}.hero-resume:hover{border-color:#b415ff}