*{margin:0;padding:0}body{height:100vh;background:#16121c;color:#fff}.navBar{display:flex;align-items:center;justify-content:space-between;margin:20px 40px}.nav-menu{display:flex;align-items:center;list-style:none;gap:80px;font-size:20px}.nav-connect{padding:20px 40px;border-radius:50px;background:linear-gradient(270deg,#2e2e61,#2f0753);font-size:22px;cursor:pointer;transition:.5s}.nav-connect:hover{transform:scale(1.05)}.hero{display:flex;align-items:center;flex-direction:column;gap:15px}.hero img{margin-top:50px}.hero h1{text-align:center;width:70%;font-size:50px;font-weight:600px}.hero h1 span{background:linear-gradient(270deg,#8598c2,#bd2525);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero p{width:50%;text-align:center;font-style:italic;font-size:24px;line-height:40px}.hero-action{display:flex;align-items:center;gap:25px;font-size:24px;font-weight:500;margin-bottom:50px}.hero-skill-tree{padding:25px 45px;border-radius:50px;background:linear-gradient(270deg,#8598c2,#bd2525);cursor:pointer}.hero-traits{padding:25px 75px;border-radius:50px;border:2px solid white;cursor:pointer}