body, html{ height:100%; margin: 0px 0px 0px 0px; display:flex; justify-content: center; flex-direction: column; font-family:'Inter', sans-serif; } .top-menu a{ text-decoration: none; margin-right: 2rem; color:black; } .top-menu{ display: flex; flex-direction: row; justify-content:flex-end; align-items: center; background-color:lightgray; margin-bottom:5px; height: 45px; border: grey solid; border-width: 0px 2px 2px 2px; transition: top 0.3s; } .footer{ display:flex; position:fixed; bottom: 0; right: 0; left:0; flex-direction: row; justify-content: center; align-items: center; margin-top: 5px; background-color: lightgray; border: grey solid; border-width: 2px 2px 0px 2px; justify-content: space-evenly; align-items: center; }