JSFiddle - React, Tailwind, and code Playground

HTML

<header>
    <a href="#">
        <img src="http://s21.postimg.org/t39nsyx8n/fastup.png" />
    </a>
    <div id="menu">
        <button class="menu">
            Upload
        </button>
        <button class="menu">
            My Account
        </button>
    </div>
</header>

CSS

button.menu {
background: #A5A7A8;
color: #000;
cursor: pointer;
font-family: "Bauhaus 93", Arial ;
font-size: 40px;
-moz-box-shadow: 0 0 10px#000;
-webkit-box-shadow: 0 0 10px #000;
box-shadow: 0 0 10px #000;
-o-box-shadow: 0 0 10px #000;
-ms-box-shadow: 0 0 10px #000;
border-radius: 10px;
border: 0px;
height: 100px;
margin-right: 15px;
-webkit-transition: -webkit-transform 0.4s, color 0.4s;
-moz-transition: -moz-transform 0.4s, color 0.4s;
-ms-transition: -ms-transform 0.4s, color 0.4s;
-o-transition: -o-transform 0.4s, color 0.4s;
}
 
button.menu:hover {
background: #1882F2;
color: #fff;
-webkit-transform: rotate(30deg);
-moz-transform: rotate(30deg);
-o-transform: rotate(30deg);
-ms-transform: rotate(30deg);
}
 
#menu {
position: relative;
top: 130px;
right: 100px;
height: 100px;
float: right;
}