Twitter link not showing up in contact page

From contact.html

<section>
  <h3>Contact Details</h3>
  <ul class="contact-info">
    <li class="phone"><a href="tel:555-6425">555-6425</a></li>
    <li class="email"><a href="mailto:emailme@example.com">emailme@example.com</a></li>
    <li class="twitter"><a href="http://twitter.com/intent/tweet?screen_name=nickrp">@nickrp</a></li>
  </ul>
</section>

I am following along with the "How to Make a Website" -> "Build the Contact Page" video, and have encountered an issue twice now that I have never had happen before. My link does not render to the DOM. If I select all the elements of my list on the webpage, I have the phone number, and the email addres, and the bullet point for the twitter... but no text. I went into developer tools to 'Inspect Element' and there's a long list of entries in "inline:16" that explicitly force a display of "display:none".

a[href^="http://www.linkedin.com/shareArticle"],
a[href^="http://www.google.com/bookmarks/mark?"],
a[href^="http://www.friendfeed.com/share?"],
a[href^="http://www.facebook.com/sharer/sharer.php"], a[href^="http://www.facebook.com/sharer.php?"],
a[href^="http://www.facebook.com/share.php"],
a[href^="http://www.digg.com/submit?"], 
a[href^="http://wow.ya.ru/posts_share_link.xml"],
a[href^="http://vkontakte.ru/share.php"],
a[href^="http://vk.com/share.php"],
a[href^="http://twitthis.com/twit?url"],
a[href^="http://twitter.com/share?"],
a[href^="http://twitter.com/intent/tweet?"],
a[href^="http://twitter.com/?status="], 
....
.... {
display: none !important;
}

Seeing as this is a step of the flow, and working within the workflow is encouraged, i find it odd that these are being blocked. Had I known, I would have omitted it. Instead, I've lost two hours over this. Not that it's that big of a deal, but I don't think the average user would think to investigate into the DevTools, and drive down into the "Behind the Scene" CSS rules that supersede our own.

The same exact thing occurred when I tried to use the "social-icon" class. I had to rename it to 'social' in order for my CSS to work and the images to display. Those classes are also in this "display: none !important;" list.

Having said all of that, am I mistaken? Did I just make a simple typo into something so far left-field that it's no longer even playing the same game?

[EDIT 10:38 CST 02/09/2017] On a side-note: How do I specify, more specifically, that this post is referring to the video/lesson in question? The only option I saw was for "HTML".