header
    padding: 0 1rem
    height: 100vh
    max-height: 30rem
    display: flex
    flex-direction: column
    justify-content: center
    align-items: center
    text-align: center
    font-family: $main-font
    color: RGB($primary)

    > h1
        margin: 0
        font-size: 3rem

        > span
            font-family: $monospace-font
            font-weight: normal
            color: RGB($accent)

    > p
        margin: 0
        font-size: 1.2rem

    > img
        margin-bottom: 1rem
        width: 40rem
        height: auto
        max-width: 100%
        max-height: 30rem

    > i
        margin: 1rem 0 0
        font-size: 1.2rem
        animation: glow 3s ease-in-out infinite