.wrapper
  article.container
    .item-container
      svg(xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 25" width="100%" height="100%")
        text(class="title" x="1" y="100%" ) 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)