<!DOCTYPE html>
<html lang="ru">
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Le site est en panne, travaux techniques</title>
  <link rel="shortcut icon" href="{THEME}/images/favicon.svg" />
</head>

<body>

<style>

* {background: transparent; margin: 0; padding: 0; outline: none; border: 0; box-sizing: border-box;}
body {font: 15px 'Verdana', sans-serif; line-height: 1.6; padding: 0; margin: 0;        
color: #333; background: #111; min-height: 100%; width: 100%; font-weight: 400;}
.offline {min-height: 100vh; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 20px;}
.offline__container {margin: auto; max-width: 600px; background-color: #fff; box-shadow: 0 15px 30px rgba(0,0,0,0.6);}
.offline__title {padding: 15px 40px; background-color: #686de0; color: #fff; font-size: 24px; font-weight: 400;}
.offline__text {padding: 40px;}

</style>

<div class="offline">
  <div class="offline__container">
      <h1 class="offline__title">Le site est en panne, travaux techniques</h1>
      <div class="offline__text">{reason}</div>
  </div>
</div>

</body>
</html>
