body { background-color: #Effead; } h1 { text-align: center; } .a { text-align: center; font-size: 2em; } .b { text-align: center; } button { width: auto; padding: 0; margin: 0; background: none; border: 0; font-size: 0; line-height: 0; overflow: visible; } @media screen and (orientation: portrait) { header{ margin: 0; padding: 0; text-align: center; } .center { position: absolute; top: 20%; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); z-index: 1; } .inner { text-align: center; width: 43%; height: 10%; padding: 30px; border: 1px solid black; background-color: rgba(255, 210, 111, 0.5); margin: 0 auto; position: absolute; top: 67%; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); z-index: 2; } .box { width: 100%; height: 900px; margin-top: 230px; padding: 0; border: 1px solid black; background-color: lightgray; z-index: 0; } .migisita { position: absolute; margin-top: 5%; right: 5%; } .hidarisita { position: absolute; margin-top: 5%; left: 5%; } } .link { text-align: center; font-size: 2em; font-weight: bold; } .go { font-size: 2em; text-align: center; }