.#logo
{
    background-color:red;
    width:200px;
    height:200px;
    opacity:0;//IE9, Firefox, Chrome, Opera, and Safari
    filter:alpha(opacity=0);//IE8 and earlier
}
        h1 {	font-family: 'Montserrat', sans-serif
	        font-size: 30px;
            color: white; 
            margin-left:10px;
        } 

        }
        hr {
            border: 0;
            max-width: 100%;
        }

        .first {
            color: yellow;
            height: 8px;
            border-width: 0 0 8px;
            border-style: solid;
            width: 200px;
            position: relative;
            margin-left:5px;
        }

        .second {
            color: pink;
            height: 8px;
            border-width: 0 0 8px;
            border-style: solid;
            width: 80px;
            position: relative;
            margin-left: 10px;
        }

        .third {
            color: pink;
            height: 8px;
            border-width: 0 0 8px;
            border-style: solid;
            width: 135px;
            margin-left: 110px;
        }

        .fourth {
            color: yellow;
            height: 8px;
            border-width: 0 0 8px;
            border-style: solid;
            width: 185px;
            margin-left: 70px;
        }

        /* Shine */
        .shine {
            height: 20px;
            width: 60%;
            background-image: radial-gradient(farthest-side at 50% -50%,
                    hsla(0, 0%, 0%, 0.5),
                    hsla(0, 0%, 0%, 0));
            position: relative;
        }

        .shine::before {
            height: 1px;
            position: absolute;
            top: -1px;
            left: 0;
            right: 0;
            background-image: linear-gradient(90deg,
                    hsla(0, 0%, 0%, 0),
                    hsla(0, 0%, 0%, 0.75) 50%,
                    hsla(0, 0%, 0%, 0));
        }