:fullscreen { color: blue; } body { min-height: 100vh; } main { height: inherit; display: flex; flex-direction: column; justify-content: stretch; } footer { background: #00000055; } .flex { display: flex; } .flex.row { flex-direction: row; } .flex.col { flex-direction: column; } .footer-info { width: 100%; justify-content: center; } .flex.footer-info { gap: 1rem; } .footer-info .flex.col { min-width: 250px; } footer { position:relative; } .poweredby, .copyright { position: absolute; left: 0; width: 100%; padding: 1rem; text-align: center; } .poweredby { background: #00000055; bottom: 0; padding: .5rem; } .copyright { background: #00000022; bottom: 50px; } .post { margin-bottom: 1em; } .wordmark { font-size: 2em; text-transform: uppercase; font-weight: 600; }