@media all{.header-sticky{position:sticky;top:0;z-index:100;width:100%;background-color:#f3f4f6;box-shadow:0 1px 2px rgb(0 0 0 / .1);padding:16px 0;transition:background-color 0.3s ease}.header-hidden{display:none}.header-visible{display:block}.header-scrolled{background-color:rgb(255 255 255 / .9);padding:12px 0;box-shadow:0 2px 6px rgb(0 0 0 / .2)}.icon{width:24px;height:24px}#about{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;text-align:center}body{background-color:#f3f4f6;font-family:'Inter',sans-serif}.main-navigation ul{list-style:none;margin:0;padding:0;display:flex}.main-navigation li{margin-right:15px}.main-navigation a{text-decoration:none;color:#333;padding:5px 10px;border-radius:5px;transition:background-color 0.3s ease}.main-navigation a:hover{background-color:#eee}.active{font-weight:700;color:#3b82f6}#mobile-menu{background-color:rgb(17 24 39 / .9)}#mobile-menu .bg-gray-800{background-color:#1f2937}#mobile-menu a{color:#fff}#mobile-menu a:hover{color:#60a5fa}.screen-reader-text{clip:rect(1px,1px,1px,1px);position:absolute!important;height:1px;width:1px;overflow:hidden;word-wrap:normal!important}.entry-title{font-size:1.5em;color:#1f2937;margin-bottom:.5em}.entry-title a{text-decoration:none;color:inherit}.site-title{font-size:1.875rem;font-weight:600;color:#1f2937}.site-title a{text-decoration:none;color:inherit}.site-description{font-size:.875rem;color:#4b5563}.project-card{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 6px -1px rgb(0 0 0 / .1),0 2px 4px -1px rgb(0 0 0 / .06);padding:1.5rem}.project-card h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}.project-card p{color:#4b5563;margin-bottom:1rem}.project-card a{color:#3b82f6;text-decoration:none;transition:color 0.2s ease-in-out}.project-card a:hover{color:#2563eb}footer{background-color:#e5e7eb;padding:1rem;text-align:center;color:#4b5563}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}@media (min-width:768px){.container{padding-left:2.5rem;padding-right:2.5rem}}@media (min-width:1024px){.container{padding-left:5rem;padding-right:5rem}}.must-log-in{padding:1rem;background-color:#fef3c7;border:1px solid #fcd34d;border-radius:.375rem;color:#92400e;text-align:center}}