footer { border-top: 1px dotted rgba(0,0,0,.15); padding: 4rem 0 5.5rem; } #footerNav ul { margin: 0; padding: 0; display: flex; gap: 1.3em; } #footerNav li { display: inline; } #footerNav a { color: var(--color-text); text-decoration: none; transition: color .3s ease-out; } #footerNav a:hover { color: var(--color-primary); } .footer-container { display: grid; grid-template-columns: auto auto; grid-template-rows: auto auto; grid-auto-flow: column; gap: 1em; } .footer-container > :nth-last-child(-n + 2) { text-align: end; } .designCredit { font-size: 1rem; align-self: end; } .designCredit a { color: var(--color-text); font-size: 1rem; font-weight: 500; text-decoration: none; border-bottom: 1px dotted var(--color-text); } .languageSwitch a { display: inline-block; background: #e2e8f0; color: #000; border-radius: .5rem; padding: 0.7em 0.9em; line-height: 1; text-decoration: none; transition: background-color .3s ease-out; } .languageSwitch a:hover { background: #d5dbe4; }