.ke-footer{width:100%;height:fit-content;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));& .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;}}}}