404.html

<style>
@import url('https://fonts.googleapis.com/css?family=Zilla+Slab');
@import url('css/mozilla.css');

* {
  margin:0;
  padding:0;
}

body {
  font-family: 'Zilla Slab', serif;
}

h1 {
  margin: 0 px 0;
  font-size: 12em;
  line-height: 0.5;
  letter-spacing: -10px;
   text-align:justify;
}
h2 {
  margin: 15px 4;
  font-size: 6em;
  line-height: 1.7;
  letter-spacing: 15px;
  text-align:justify;
}
h3 {
  margin: 7px 0;
  font-size: 1.3em;
  line-height: 1.5;
  letter-spacing: 1px;
  text-align:center;
}
h4 {
  margin: 0 px 0;
  font-size: 1em;
  line-height: 1;
  letter-spacing: -1px;
  text-align:center;
}
a:link, a:visited {
  margin: -14.5px 0;
  background-color: #005e5e;
  color: white;
  padding: 10px 125px;
  text-align: justify;
  text-decoration: none;
  display: inline-block;
}
a:hover, a:active {
  background-color: #00458b;
}
#cabecera {
  color:#00ffff;
  background-color:#000;
  padding:3px;
}
#contenedor {
  margin:0 auto;
  width:100%;
}
#der {
  float:right;
  padding:150px;
  width:275px;
  max-width: 600px;
  text-align: center;
}
#izq {
  float:left;
  height:275px;
  padding:15px;
  width:280px;
}

@media (min-width:1024px) {
  #contenedor {
    width: 60%;
  }
}
</style>

<div id="contenedor">
  <div id="cabecera">
    <p>@mozillamx</p>
  </div>
  <div id="izq" class="container">
    <img src="assets/404.jpg"style="max-width:330%;width:auto;height:auto;">
  </div>
  <div id="der">
    <img src="assets/moz.png" style="max-width:75%;width:auto;height:auto;">
    <h1>404</h1>
    <h2>¡UPS!</h2>
    <!--<h3>No encontrámos esta página.</h3></p>-->
  	<h4><a href="https://tuxlan.net">Inicio</a></h4>
  </div>
</div>