<div class="mainvisual">
  <p class="mainvisual__copy">EVONGELION</p>
</div>
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@700&display=swap');

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

.mainvisual {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  background: url("https://images.pexels.com/photos/1287145/pexels-photo-1287145.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260") no-repeat center center / cover;
}

.mainvisual__copy {
  font-family: 'Josefin Sans', sans-serif;
  font-weight: bold;
  font-size: 4rem;
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.