.ke-footer { width: 100%; display: grid; grid-template-columns: 1fr; margin-top: 50px; gap: 20px; padding: 40px 20px 0; background-color: light-dark(var(--white),var(--black)); color: light-dark(var(--black),var(--white)) ; border-top: 1px solid light-dark(var(--black),var(--light-white)); content-visibility: auto; contain-intrinsic-size: auto 120px; @media (max-width:768px) { contain-intrinsic-size: auto 158px; } & .top-footer { width: 100%; overflow: hidden; & nav { width: 100%; & ul { width: 100%; display: flex; flex-wrap: wrap; gap: 20px; align-items: center; justify-content: space-between; & li { display: flex; align-items: center; &:hover { color: light-dark(var(--blue),var(--yellow)) ; } } } } } & .bottom-footer { width: 100%; padding-bottom: 20px; overflow: hidden; & pre { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; text-align: center; font-family: var(--primary-font-name), sans-serif; color: light-dark(var(--black),var(--yellow)) ; & span { color: light-dark(var(--black),var(--yellow)) ; font-weight: 600; letter-spacing: 2px; } } }}