.wrapper
  article.container
    .item-container
      svg(
        xmlns="http://www.w3.org/2000/svg",
        viewBox="0 0 100 25",
        width="100%",
        height="100%"
      )
        text.title(x="1", y="100%", dx="10") Devil
        line(x1="1", y1="0", x2="1", y2="100%", stroke-width="0.5")
        line(
          x1="0",
          y1="100%",
          x2="100%",
          y2="100%",
          stroke="rgba(255,255,255,0.3)",
          stroke-width="0.5",
          stroke-dasharray="5,2",
          stroke-dashoffset="5"
        )

@import url('https://fonts.googleapis.com/css2?family=Akronim&display=swap')

*
  box-sizing border-box
  margin 0 auto

html, body
  height 100%
  color white
  fill currentColor
.wrapper
  background-color hsl(4, 82%, 56%)
  min-height 100%
  display flex
  align-items center
  justify-content center
.container
  width 100%
  display flex
  flex-direction column 
.item-container
  width 500px
.title
  font-family Akronim
  font-size 2em

line
  stroke rgba(255,255,255,0.3)