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; margin-top: 0; } h2{ color: #4169e1; } table{ border-left: solid 3px; } footer{ width: 100%; background-color: #adff2f; text-align: center; } .back{ background-image: url(https://www.yatex.org/gitbucket/koekiInfoDesign/2020-S.Keigo/raw/4f9c59c49a9298e5660df3d6d59d40b713b953bb/patent.png); margin: 0; padding: 0; } .font{ font-size: 50px; } .info{ background-color: #adff2f; } .large{ font-size: 1.3em; font-weight: bold; } .dashed{ border-left: dashed; } .an{ background-color: red; color: white; text-align: center; margin-bottom: 0; padding-bottom: 0; } .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; }