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;
}