body { background-color: #Effead; } h1 { text-align: center; } h2 {} h3 {} h4 {} h5 {} h6 {} .a { text-align: center; font-size: 2em; } .b { text-align: center; } .center { position: absolute; top:35%; left: 56%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); width: 800px; height: 800px; z-index: 1; } .inner { text-align: center; width: 40%; height: 13%; padding: 30px; border: 1px solid black; background-color: rgba(255, 210, 111, 0.5); margin: 0 auto; position: absolute; top: 60%; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); z-index: 2; } .box { width: 100%; height: 700px; margin-top: 500px; padding: 10px; border: 1px solid black; background-color: lightgray; z-index: 0;} .migisita { position: absolute; right: 0;} .hidarisita { position: absolute; left: 0;} .link { text-align: center; font-size: 2em; font-weight: bold; } .go{ font-size: 2em; text-align: center; }