*{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{padding:2em;text-decoration:none;justify-content:space-around;background-color:gray}#navbar a{padding:1em;text-decoration:none;justify-content:space-around;transition:transform 1s;color:#000}#navbar a:hover{transform:translateY(-3px);text-decoration:none;justify-content:space-around;color:#0006}#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}.home{background-color:bisque}.yellow{background-color:#ff0}.green{background-color:green}#footer{padding:20px;background-color:gray;text-decoration:none;color:#000;font-size:10px;display:flex;justify-content:space-around}#footer a{text-decoration:none;color:#000;font-size:7px;display:flex;justify-content:space-around}