*{font-family:arial,sans-serif;margin:0}body,body>div{height:100vh;width:100vw}#container{height:100%;display:flex;flex-direction:column}#container>div{display:flex}#navbar,#footer{padding:2em;justify-content:space-evenly;background-color:gray}#main-section{flex-grow:1}#main-section>div{width:100%;display:flex;align-items:center;justify-content:center}.red{background-color:red;color:#fff}.blue{background-color:#00f;color:#fff}.yellow{background-color:#ff0;color:#fff}.orange{background-color:orange;color:#fff}.home{background-color:green;color:#fff}