<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta content="ie=edge" http-equiv="x-ua-compatible">
<title>
Site unavailable
</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<style type="text/css">
.header,
.outer {
position : fixed;
top : 0;
right : 0;
left : 0
}
body {
width : 100%;
height : 100%;
margin : 0;
padding : 0;
font-family : -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif
}
a.error-cta {
color : #fff;
border : 1px solid rgba(255, 255, 255, .7);
padding : 8px 12px;
font-weight : 300;
font-size : 12px;
text-decoration : none;
border-radius : 5px
}
a:hover {
border-color : #fff
}
.wrap {
display : table;
margin : 0 auto;
height : 95%
}
.header {
display : -ms-flexbox;
display : flex;
-ms-flex-align : center;
align-items : center;
-ms-flex-pack : justify;
justify-content : space-between;
padding : 2vw
}
.logo svg {
height : 35px;
}
.logo svg g,
.logo svg path {
fill : #fff
}
.content {
padding : 0 30px;
display : table-cell;
vertical-align : middle;
text-align : center
}
h1,
h2 {
padding : 0;
color : #fff
}
h1 {
margin : 0 0 10px;
font-weight : 600;
font-size : 70px;
line-height : 1.1em;
letter-spacing : -1px;
}
h2 {
margin : 0;
font-weight : 200;
font-size : 23px;
line-height : 1.3em;
letter-spacing : 1px
}
@media screen and (max-width:800px) {
h1 {
font-size : 6.5vw;
letter-spacing : 2px
}
h2 {
font-size : 14px
}
}
.outer {
bottom : 0;
background-size : cover;
background-image : url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAADCAYAAABfwxXFAAAAVklEQVQIWx3KMQ5AQBBA0b8ziGTDXRQ6UagdReIU7qnTS8SGtUO0L8+Nw2LbvlJRU54F6bkJmrBccX072SMRkUSMGYJCOhDzuK6Z7baII3xsiPo/qV28zwQglHkpGTsAAAAASUVORK5CYII=");
}
</style>
<script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-40498841-2">
</script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'UA-40498841-2');
</script>
</head>
<body>
<div class="outer">
<header class="header">
<a href="https://ghost.org/">
<div class="logo">
<svg class="ghost-orb-logo" preserveAspectRatio="xMidYMid meet" viewBox="0 0 800 294" xmlns="http://www.w3.org/2000/svg">
<title>
Ghost Logo
</title>
<style>
svg.ghost-orb-logo {
background-size : 100% 100%;
background-repeat : no-repeat;
background-image : url("ghost-logo-light.png");
}
</style>
</svg>
</div>
</a>
<a class="error-cta" href="https://ghost.org/">
What is Ghost?
</a>
</header>
<div class="wrap">
<div class="content">
<h1>
Site unavailable.
</h1>
<h2>
If you're the owner, email us on [email protected]
</h2>
</div>
</div>
</div>
</body>
</html>