JSFiddle - React, Tailwind, and code Playground

by whirly1227

HTML

<body>
  <div class="head">
      <h1><span>Score Keeper</span></h1>
  </div>
  <div class="main">
      <button type="button" onclick="alert('Start New Game')">Single Game</button>
      <br /><br /><br />
      <button type="button" onclick="alert('Start New League')">Select a League</button>
      <br /><br /><br />
      <button type="button" onclick="alert('Check Stats')">Check Stats</button>
      <br /><br /><br />
      <button type="button" onclick="url('google.com')">Settings</button>
  </div>
</body>

CSS

body {
background-image:url('http://www.photo-dictionary.com/photofiles/list/628/1036baseball_stadium.jpg');
background-color:#cccccc;
}

div.head {
    text-align: center;
    margin-top: 50px;
    color:#FFF;
}

div.main{    
    text-align: center;
    margin-top: 50px;
    color:#FFF;
}