html{ height: 100%; } body{ min-height: 100vh; display: flex; flex-direction: column; position: relative; } h1{ font-size: 80px; background: linear-gradient(red,yellow); -webkit-background-clip: text; color: transparent; font-weight: bold; } h2{ color: #4169e1; } table{ border-left: solid 3px; } footer{ width: 100%; background-color: #adff2f; display: flex; text-align: center; } .font{ font-size: 50px; } .info{ background-color: #adff2f; } .large{ font-size: 1.3em; font-weight: bold; } .dashed{ border-left: dashed; } .left_in{ width: 65%; float: left; margin-left: 30px; } .right_in{ float: left; } .left_pl{ width: 70%; float: left; } .right_pl{ float: left; } .orange{ color: orange; font-size: 1.5em; } .content{ flex: 1; margin-bottom:10px; }