*{padding:0;box-sizing:border-box}*,body{margin:0}body{font-family:Arial,sans-serif;line-height:1.6;background-color:#f4f4f4;color:#d8dbf6;text-align:center;height:100vh;position:relative}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:url(/maxresdefault.jpg);background-size:cover;background-position:50%;background-attachment:fixed;opacity:.8;z-index:-1}h1{font-size:3rem;margin-bottom:20px}nav{background-color:#1f2937;background:linear-gradient(135deg,#030904,#a8c2b3);padding:14px;position:sticky;top:0;width:100%;z-index:50;box-shadow:0 4px 6px rgba(3,6,2,.1)}nav ul{list-style-type:none;display:flex;justify-content:center;padding:0;margin:0}nav li{margin-right:30px}a{text-decoration:none;color:#dae8dc;font-size:1.25rem;font-weight:700}a:hover{color:#1981e9;text-decoration:underline}.profile-container{width:500px;height:500px;border-radius:50%;overflow:hidden;border:2px solid #edeaea;box-shadow:0 4px 6px rgba(10,35,10,.1);display:inline-block;justify-content:center;align-items:center}.profile-image{width:120%;height:99%;object-fit:cover}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-10%)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-down{animation:fade-in-down .5s ease-out}html{scroll-behavior:smooth}