header.demo {

    h1 {

        height: 100%;
        
        display: flex;
        align-items: center;

        span.demoSpan {
            
            //color: #ffaa3b;

            background: -webkit-linear-gradient(118deg, rgba(255,170,59,1) 0%, rgba(255,107,0,1) 100%); //!Credits https://cssgradient.io
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            //!Credits https://cssgradient.io/blog/css-gradient-text/
            //height: 100%;

            display: flex;
            align-items: center;

            &:hover {
                //display: inline-block;
                vertical-align: middle;
                -webkit-transform: perspective(1px) translateZ(0);
                transform: perspective(1px) translateZ(0);
                box-shadow: 0 0 1px rgba(0, 0, 0, 0);
                -webkit-transition-duration: 0.3s;
                transition-duration: 0.3s;
                -webkit-transition-property: transform;
                transition-property: transform;
            }
            
            &:hover, &:focus, &:active {
                -webkit-transform: rotate(4deg);
                transform: rotate(4deg);
            }
        }
    }
}