JSFiddle - React, Tailwind, and code Playground

by Ehsan Ziya

HTML

<script src="&lt;link href=&#39;http://fonts.googleapis.com/css?family=Roboto:400,300,100&#39; rel=&#39;stylesheet&#39; type=&#39;text/css&#39;&gt;"></script>
<div id="specialHeader">Help us fund our moving into the new Music Hackspace</div>
<br><br>
<div id='customWrapper'>
<a id='donate' href="https://www.justgiving.com/yimby/musichackspace#/">DONATE HERE</a></div><br><br>
<iframe width="960" height="540" src="//www.youtube.com/embed/mtSd6CG8oIc?controls=2&amp;showinfo=0&amp;rel=0&amp;autohide=1&amp;modestbranding=0&color=white&fs=0&theme=light" frameborder="0"></iframe>

CSS

#specialHeader {
    font-family:'Roboto', sans-serif;
    font-weight: 300;
    font-size: 25px;
    text-align: center;
}
#donate {
    background-color: black;
    max-width: 120px;
    color: white;
    text-align: center;
    margin: auto;
    font-family:'Roboto', sans-serif;
    font-weight: 100;
    font-size: 14px;
    padding: 20px;
}
#donate:hover {
    cursor: pointer;
    text-decoration: none;
    background-color: grey;
}
#donate:link {
    margin:auto;
    text-decoration: none;
}
#customWrapper{
    margin:auto;
    text-align: center;
}