: #333;
}
h1,
h2 {
margin: 18px 0 0;
font-weight: 700;
line-height: 1.3;
}
h1 {
margin-top: 0;
font-size: 32px;
}
h2 {
font-size: 16px;
}
/* Layout */
body {
margin: 0;
padding: 0;
}
body {
overflow-y: scroll;
background: #f2f2f2
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABNgAAABkAQMAAABuPx8iAAAAA1BMVEX///+nxBvIAAAAJUlEQVR4Xu3AMQEAAADCIPunNsYeWAQAAAAAAAAAAAAAAAAAAOA88AABMGQBNwAAAABJRU5ErkJggg==)
repeat-y 50% 0;
padding-bottom: 75px;
}
@media (max-width: 1239px) {
body {
background-size: 1080px 100px;
}
}
@media (max-width: 1079px) {
body {
background-size: 960px 100px;
}
}
/* Add visual bug workaround for static offline.html */
@media (max-width: 959px) and (display-mode: browser) {
body {
background: #fff;
}
}
/* Header */
.header {
position: fixed;
background: #333;
width: 100%;
height: 46px;
display: flex;
justify-content: center;
}
.headerPlaceholder {
height: 46px;
}
.header__inner {
width: 1240px;
}
@media (max-width: 1239px) {
.header__inner {
width: 1080px;
}
}
@media (max-width: 1079px) {
.header__inner {
width: 960px;
}
}
.logo {
display: flex;
align-items: center;
height: 46px;
width: 69px;
padding-left: 13px;
font: 0/0 a;
}
.logo svg {
width: 43px;
fill: white;
}
/* Content */
.content {
margin-top: 46px;
display: flex;
flex-direction: column;
align-items: center;
}
.actions {
margin-top: 46px;
}
/* Button */
button {
font-size: 16px;
line-height: 18px;
padding: 10px 15px;
height: 40px;
margin: 0;
border: 1px solid #e5e5e5;
border-radius: 3px;
background-color: #fff;
cursor: pointer;
color: #333;
white-space: nowrap;
text-align: center;
vertical-align: baseline;
}
button:focus,
button:hover {
color: #333;
outline: 0;
border-color: #ccc;
}
Not available while you’re offline
Click the button below to try reloading.