html{ height: 100%; } body{ min-height: 100vh; display: flex; flex-direction: column; position: relative; background-color: #c1e4e9; } header{ background-image: url("wagara.jpeg"); background-repeat: repeat; color:#d3381c; font-family: "M PLUS Rounded 1c"; height: 130px; } h1{ font-size: 50px; text-align: center; letter-spacing: 3px; margin: 2px; } h2{ border: 3px solid #19448e; border-radius: 2ex; background-color: #19448e; color: white; margin-right: 70%; padding: 0; text-align: center; font-size: 20px; } footer{ width: 100%; background-color: white; display: flex; flex-direction: row; } .emp{ font-size: 60px; color: #1e50a2; } .small{ font-size: 12px; color: #404040; line-height: 10px; } .img{ margin: 3px; } .date{ font-size: 28px; font-weight: bold; line-height: normal; } .left{ width:50%; float:left; margin-left: 10px; } .right{ float:left; margin-left: 10px; } .flex{ display: flex; flex-flow: row no-wrap; } .side{ margin: 10px; flex: auto; } .content{ flex: 1; margin-bottom:10px; }