body{ background: url('ken.png'); background-size: cover;} h1 {font-family:'arial narrow'sans-serif;color:#ffffff; font-size: 8ex; margin:0;} .maru {position: relative; width:80px; height: 80px; border-radius:50%; background-color:#ffffff; text-align:center; float: right; margin-top:30px; margin-right:30px;} .maru span {position: absolute; display: inline-block; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width :80px; text-align:center; } parple {color:#884898;} parple2 {color:#884898;font-weight: bold;} .tate {color:#ffffff; float: right; writing-mode: vertical-rl; } .maru2 {position: relative; width:160px; height:160px; border-radius:50%; background-color:#e9ee2e; text-align:center; float: right; margin-left:100%;} .maru2 span {position: absolute; display: inline-block; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width :160px; text-align:center; } daen {border: 2px solid #fc5c00; border-radius: 1.5ex; background-color: #fc5c00; color:#ffffff; text-align: center;} dai {font-size:4ex;} .footer span {color:#ffffff;} footer {position:absolute; bottom:0;} .rb {position: absolute; color :#ffffff;} .rb span {float: right; bottom:0 }