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