make title beautiful using css

1h1 { 
2  text-align: center;
3  color: white;
4  text-transform: uppercase;
5  padding: 1px;
6  font-family: 'Raleway', cursive;
7  font-weight: 100;
8  position: relative;
9  background: -webkit-linear-gradient(left, black, #eee, black);
10  background: -moz-linear-gradient(left, black, #eee, black);
11  background: -ms-linear-gradient(left, black, #eee, black);
12  background: -o-linear-gradient(left, black, #eee, black);
13}
14h1:before {
15  content: "";
16  position: absolute;
17  left: 50%;
18  top: -50px;
19  width: 600px;
20  margin-left: -300px;
21  margin-top: -220px;
22  height: 600px;
23  background: -webkit-radial-gradient(50% 50%, ellipse closest-side, #444, black);
24  background: -moz-radial-gradient(50% 50%, ellipse closest-side, #444, black);
25  background: -ms-radial-gradient(50% 50%, ellipse closest-side, #444, black);
26  background: -o-radial-gradient(50% 50%, ellipse closest-side, #444, black);
27  z-index: -1;
28}
29h1 a {
30  background: black;
31  display: block;
32  padding: 20px;
33  text-decoration: none;
34  letter-spacing: 30px;
35  color: white;
36}