.footer{background-color:#dddddd;color:#696969;font-size:.8rem;padding:20px;display:flex;justify-content:center;flex-direction:column;align-items:center}.footer a{color:black;font:800;cursor:pointer;transition:all .3s}.footer a:hover{color:#248b91;transition:all .3s}.navbar{position:fixed;top:0;bottom:0;width:100%;height:80px;background:linear-gradient(180deg,white 80%,transparent);box-shadow:0 2px 4px rgba(0,0,0,.1);z-index:1000}.navbar-container{max-width:1200px;margin:0 auto;padding:0 1rem;height:80px;justify-content:space-between}.logo,.navbar-container{display:flex;align-items:center}.logo{gap:8px}.logo-icon{color:teal}.logo-text{font-size:1.5rem;font-weight:700;color:teal}.nav-links{display:none}.nav-link{margin-left:20px;padding:8px 12px;font-size:1rem;color:#4b5563;text-decoration:none;border-radius:6px;transition:all .3s}.nav-link:hover{background:teal;color:white}.menu-button{background:none;border:none;cursor:pointer;padding:8px;border-radius:6px;color:#6b7280;transition:all .3s}.menu-button:hover{background:teal;color:white}.icon{width:24px;height:24px}.mobile-menu{display:flex;flex-direction:column;padding:.5rem 1rem;background-color:white;box-shadow:0 2px 4px rgba(0,0,0,.1);z-index:1000;transition:all .9s}.mobile-link{display:block;padding:10px;border-radius:6px;color:#4b5563;text-decoration:none;transition:all .3s}.mobile-link:hover{background:teal;color:white}@media (min-width:1000px){.nav-links{display:flex}.navbar{background:white;box-shadow:0}.menu-button,.mobile-menu{display:none}}.sr-only{position:absolute;left:-9999px}@media (max-width:1000px){.navbar{background:white;box-shadow:0}}