*{margin:0;padding:0;box-sizing:border-box}@font-face{font-family:JF Open Huninn;src:url(/assets/jf-openhuninn-2.1-BEJueSXx.ttf) format("truetype");font-weight:400;font-style:normal}body{background-color:#c3cfe2;min-height:100vh}#root{min-height:100vh}.page-container{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding-top:60px}.page-container main{width:100%;flex:1}a{text-decoration:none;color:#007bff;transition:color .3s ease}a:hover{color:#0056b3}h1{font-family:JF Open Huninn,sans-serif;color:#333;font-size:2.5em;margin-bottom:.5em;text-align:left}p{font-family:JF Open Huninn,sans-serif;color:#555;font-size:1.1em;line-height:1.6;margin-bottom:1em}.navbar{position:fixed;display:flex;justify-content:center;align-items:center;top:0;left:0;right:0;padding:12px 0;z-index:1000;background-color:#c3cfe2bc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-link{font-family:JF Open Huninn,sans-serif;padding:8px 12px;border-radius:4px}.nav-link-active{background-color:#007bff;color:#fff;transition:ease-in-out .3s}.nav-link-active:hover{color:#fff}.home-container{display:flex;gap:32px;padding:20px;max-width:800px;margin:0 auto}.home-column{flex:1}.profile-image{width:100%;height:auto;display:block;object-fit:cover;border-radius:12px;box-shadow:0 4px 12px #0003}.social-icons a svg{display:inline-block;vertical-align:middle;width:24px;height:24px;margin-right:8px;transition:transform .3s ease}.social-icons a:hover svg{transform:scale(1.1)}.site-footer{text-align:center;padding:20px;color:#6c757d;font-size:.5em;width:100%}.about-message{text-align:center}.home-container h1,.profile-image,.home-container p,.social-icons,.about-message{opacity:0;transform:translateY(20px)}@keyframes fade-up{to{opacity:1;transform:translateY(0)}}.home-container h1,.profile-image{animation:fade-up 1s forwards}.home-container p{animation:fade-up 1s .5s forwards}.social-icons{animation:fade-up 1s 1s forwards}.about-message{animation:fade-up 1s ease-in-out forwards}@media(max-width:840px){.home-container{flex-direction:column;gap:20px}h1{font-size:2em}.profile-image{max-width:400px;border-radius:8px;box-shadow:0 2px 8px #00000026}}@media(prefers-reduced-motion:reduce){.home-container h1,.profile-image,.home-container p,.social-icons,.about-message{opacity:1;transform:none;animation:none}}