.gradient-text{background:linear-gradient(45deg,#d3d3d3,grey,silver);-webkit-background-clip:text;background-clip:text;color:transparent}.footer{background-color:#333;color:#fff;padding:10px;text-align:center;height:50px}.hero,.hero-container{align-items:center;justify-content:center}.hero{display:flex;flex-direction:column;position:relative;height:50vh;background:linear-gradient(135deg,rgba(31,28,44,.5),rgba(146,141,171,.5));color:#fff;font-family:Roboto,sans-serif;border-radius:15px;padding:50px}.profile-section{text-align:center}.profile-pic{width:150px;height:150px;border-radius:50%;border:4px solid #fff;margin-bottom:15px}.name{font-size:2rem;font-weight:700;margin:10px 0}.tagline{font-size:1rem;font-style:italic}.icon-links{margin-top:20px;display:flex;justify-content:center;gap:20px}.icon{font-size:2rem;color:#fff;transition:color .3s}.icon:hover{color:#61dafb}.down-arrow-container{display:flex;justify-content:center;margin-top:20px}.down-arrow{font-size:2rem;color:#fff;animation:bounce 2s infinite;cursor:pointer;transition:color .3s}.down-arrow:hover{color:#61dafb}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}@media (max-width:768px){.name{font-size:1.5rem}.tagline{font-size:.9rem}.down-arrow,.icon{font-size:1.5rem}}