body {
    font-family: "Gill Sans", sans-serif;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 80%;
    background-color: #eee;
}
ul {
    font-size: 2em;
    list-style-type:none;
}
li {
    margin: 0.2em;
    border-style: solid;
    border-width: 1px;
    border-left-width: 1em;
    border-color: #369;
}

li > a {
    background-color: #fff;
    padding: 0.4em;
    display: block;
    color: #000;
}

a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:underline;}
a:active {text-decoration:underline;}

@import url(https://fonts.googleapis.com/css?family=Lato:300italic,700italic,300,700);

body {
  padding:50px;
  font:14px/1.5 Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color:#000;
  font-weight:300;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 80%;
}

h1 {
  color:#222;
  margin:0 0 20px;
  line-height:1.1;
  font-size:3em;
}

a {
  color:#39c;
  font-weight:400;
  text-decoration:none;
}

ul {
    font-size: 2em;
    list-style-type:none;
}
li {
    margin: 0.2em;
    border-style: solid;
    border-width: 1px;
    border-radius: 30px;
    border-color: #aaa;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0.19, #FFFFFF),
        color-stop(1, #EDEDED)
    );
    background-image: -o-linear-gradient(bottom, #FFFFFF 19%, #EDEDED 100%);
    background-image: -moz-linear-gradient(bottom, #FFFFFF 19%, #EDEDED 100%);
    background-image: -webkit-linear-gradient(bottom, #FFFFFF 19%, #EDEDED 100%);
    background-image: -ms-linear-gradient(bottom, #FFFFFF 19%, #EDEDED 100%);
    background-image: linear-gradient(to bottom, #FFFFFF 19%, #EDEDED 100%);
}

li > a {
    padding: 0.4em;
    display: block;
}

Update style of global index page
Update style of global index page