<!doctype html>

<html lang="en">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <title>500 - Nossos bodes enlouqueceram</title>
  <meta name="description" content="Estamos trabalhando para que nosso sistema volte para o ar em breve!">
  <meta name="author" content="Bode.io">

  <link href="https://fonts.googleapis.com/css?family=Montserrat:200,300,700" rel="stylesheet">
  <style type="text/css" media="screen">
    html,body{height:99%}body{margin:0;background-color:#e6482f;color:#fff;font-family:Montserrat,sans-serif}.content{width:100%}.content td{width:100%;display:block;text-align:center;vertical-align:middle}@media (min-width:768px){.content{height:95%}.content td{display:table-cell;width:50%}}h1{font-weight:700;font-size:84px;margin:0}h2{font-weight:300;font-size:24px;margin:0}p{font-weight:200;font-size:18px;margin:15px auto 0;max-width:420px}.button{color:#fff;text-decoration:none;padding:6px 28px;border:2px solid #fff;display:inline-block;font-size:75%;margin-top:20px;background:0 0;transition:all .3s ease}.button:hover{color:#e6482f;background:#fff}.bode{max-width:100%;z-index:-1}@media (min-width:768px){.bode{position:absolute;max-width:90%;left:0;bottom:20px}}.poweredby{font-weight:200;text-align:center;margin:20px 0}@media (min-width:768px){.poweredby{position:fixed;right:10px;bottom:10px;margin:0}}.poweredby img{max-height:32px;vertical-align:middle;margin-top:-7px;margin-left:8px}
  </style>

  <!--[if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script><![endif]-->
</head>

<body>
  <table class="content">
    <tbody>
      <tr>
        <td>
          <h1>500</h1>
          <h2>Nossos bodes enlouqueceram</h2>
          <p>Estamos trabalhando para que nosso sistema volte para o ar em breve!<br>
            <a class="button" href="/">Voltar</a>
          </p>
          <img src="https://i.imgur.com/I6UUIVR.png" class="bode" alt="O que que esse bode ta fazendo aqui?! 0.0" data-pin-nopin="true">
        </td>
        <td></td>
      </tr>
    </tbody>
  </table>

  <h6 class="poweredby">POWERED BY <img src="https://i.imgur.com/ix8XtkG.png" alt="BODE.io" title="BODE.io"></h6>
</body>
</html>