JSFiddle - React, Tailwind, and code Playground

HTML

<div id="topbar">
    <div class="header-center">
        <div id="header-logo">
            <a href="#imgurgifsearch" class="logo">
                <span class="logo-icon"></span>
            </a>
        </div>
    </div>
</div>
<div id="container">
<a href='javascript:(function(){var query,url;function getQuery(){query = prompt("search: ");url = "https://www.google.no/search?q="+query+"+site:imgur.com&amp;biw=1920&amp;bih=955&amp;source=lnms&amp;tbm=isch&amp;sa=X&amp;ei=txFRVbOdGMb8ywOIhIGYBg&amp;ved=0CAYQ_AUoAQ&amp;dpr=1#q="+query+"+site:imgur.com&amp;tbm=isch&amp;tbs=itp:animated";if(query !== null){if(window.location.href.indexOf("https://www.google") > -1) {window.location.replace(url).focus();}else{window.open(url, "_blank").focus();}}}getQuery();})()'>Imgur gifs - Google</a>
<br>
    <p class="textbox h3">Just drag the link to your prefered folder or bookmark bar</p>
    <p class="textbox">When the link have been appended as a bookmark, click it and an alert prompt should appear. once it appears you can write a search string as a google search of imgur gifs.</p>
</div>

CSS

body{
    font-family:helvetica, sans-serif;
    background:#121211;
    color:white;
}
a{
    color:#4E76C9;
    text-decoration:none;
}
a:hover{
    text-decoration:underline;
}
#topbar {
  position: absolute;
    top:0em;
    left:0em;
  width: 100%;
  background-color: #2b2b2b;
  font-size: 0.9em;
  height: 3.2em;
  font-weight: 700;
  box-shadow: 0 0 11px 1px #111;
}
#topbar a.logo .logo-icon {
  background: url(//s.imgur.com/images/site-sprite.png?1430420391) no-repeat;
  background-position: -3px -248px;
  width: 88px;
  padding-left:0em;
    margin-left:15em;
  height: 43px;
  position: relative;
  display: block;
  margin-top: 7px;
}
#container{
    background:#2B2B2B;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    text-align:center;
    padding: 25px;
    border-radius: 10px;
}

.textbox {
  background-color: #181817;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 10px;
}

.h3 {
  display: block;
  font-size: 1.17em;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  font-weight: bold;
}