html, body { height: 100%; } body { text-align: center; background-color: #fff; color: rgb(24, 24, 24); font-family: Helvetica Neue, Helvetica, Arial, sans-serif; position: relative; } .center { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 50%; height: 50%; } .icon { display: block; width: 40px; height: 45px; margin: 0 auto; margin-bottom: 15px; } h1 { font-size: 3rem; margin: 0; margin-bottom: 12px; } p { color: rgb(99, 99, 99); font-size: 1.1rem; margin: 0; margin-bottom: 15px; } a.button { padding: 15px 25px; border-radius: 5px; text-decoration: none; } a.button.danger { background-color: rgb(235, 110, 111); color: #fff; } a.button.normal { background-color: rgb(252, 191, 44); color: #fff; }