CodePen

HTML

            
              <h2><a href="#">Amazing Links!</a></h2>
            
          
!

↑ Insert the most common viewport meta tag

CSS

            
              a {
    font-size: 1em;
    outline: none;
    color: #A7BC60;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in; /*Safari & Chrome*/
    -moz-transition: all 0.3s ease-in; /* Firefox 4 */
    -o-transition: all 0.3s ease-in; /* Opera */
    text-decoration:none;
}

h2 {
    font-size: 2em;
    font-family: 'Arvo', serif;
    font-weight: normal;
    color: #FFFFFF;
    text-shadow: 0px 2px #A7BC60;
}



/*BUT WAIT! ;) */

h2 a {
  color:#000000;
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................