@charset "UTF-8";html,body{height:100%;margin:0;padding:0;overflow-x:hidden}body{font-family:Josefin Sans,sans-serif;margin:0;padding:0;background-color:#f4f4f4}h1,h2,h3{color:#333;margin-bottom:1rem}h1{font-size:3.5rem;font-weight:300}h2{font-size:2rem;font-weight:200}h3{font-size:1.5rem;font-weight:200}p{font-size:1rem;color:#666;line-height:1.6;margin-bottom:1rem}.primary-button{display:inline-block;padding:14px 24px;background-color:#f6f5f5;color:#007bff;font-size:1.2rem;border:none;border-radius:50px;text-align:center;text-decoration:none;cursor:pointer;transition:background-color .3s ease,box-shadow .3s ease;box-shadow:4px 4px 8px #0000001a,-4px -4px 12px #fffc}.primary-button:hover{background-color:#fff;box-shadow:6px 6px 12px #0000001a,-6px -6px 12px #fffc}.primary-button:active{background-color:#c1c1c1;box-shadow:inset 8px 8px 16px #00000026,inset -8px -8px 16px #ffffffb3}.pill{display:inline-block;padding:14px 24px;background-color:#f6f5f5;color:#007bff;font-size:1.2rem;border:none;border-radius:50px;text-align:center;text-decoration:none;cursor:pointer;transition:background-color .3s ease,box-shadow .3s ease;box-shadow:4px 4px 8px #0000001a,-4px -4px 12px #fffc}.pill:hover{background-color:#fff;box-shadow:6px 6px 12px #0000001a,-6px -6px 12px #fffc}.pill:active{background-color:#fff;box-shadow:inset 8px 8px 16px #00000026,inset -8px -8px 16px #ffffffb3}.logo-container{position:fixed;top:0;left:20px;z-index:1000;background-color:transparent;padding:10px}.logo-container .logo{width:50px;height:50px;border-radius:50%;background:#fff;box-shadow:10px 10px 30px #d1d1d1,-10px -10px 30px #fff;object-fit:contain}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp 2s ease-out;opacity:0;animation-fill-mode:forwards}:host{display:flex;flex-direction:column;max-width:100vw;width:100%}app-landing,app-about-me,app-showcase,app-contact-links{margin-bottom:50px}@media (max-width: 768px){app-landing,app-about-me,app-showcase,app-contact-links{margin-bottom:30px}}