ヱヴァンゲリヲン新劇場版のアイキャッチをCSSで

rebuild_of_evangelion_eyecatch.css

* {
  margin: 0;
  padding: 0;
}

body {
  background-color: black;
}

.eva-heading {
  padding: 32px;
  margin: 0 auto;
  align-self: baseline;
  font-family: serif;
  color: white;
  text-shadow: 0 0 2px #e19a86, 0 0 1.5px #854535, 0 0 1.5px #5c150c;
}

.eva-heading > h1 {
  font-size: 500%;
}

.eva-heading > h2 {
  font-size: 300%;
}

.eva-heading__title {
  transform: scale(1, 1.5);
  line-height: 1.2em;
  letter-spacing: -.03em;
  font-size: 500%
}

.relative{
  position: relative;
}

.eva-heading__title-double {
  color: #27bcd8;
  opacity: 0.9;
  transform: scale(1, 1.5);
  font-size: 500%;
  text-shadow: none;
  position: absolute;
  top : 13px;
  left: 588px;
}

.eva-heading__episode-number {
  font-family: sans-serif;
  font-size: 200%;
  transform: scale(1.5, 2.2);
  letter-spacing: .001em;
  margin: 20px 0 26px 0;
  padding-left: 135px;
}

.eva-heading__episode-title {
  transform: scale(1.2, 1.5);
  font-size: 200%;
  line-height: 1em;
  text-align: right;
  margin : 80px;
}

rebuild_of_evangelion_eyecatch.html

  <header class="eva-heading">
    <h2 class="eva-heading__title"></h2>
    <h2 class="eva-heading__title"></h2>
    <div class="relative">
      <h1 class="eva-heading__title-double">N</h1>
      <h1 class="eva-heading__title">EVANGELION</h1>
    </div>
    <h3 class="eva-heading__episode-number">:3.33</h3>
    <h4 class="eva-heading__episode-title">
      You can (not) redo.
    </h4>
  </header>