HTML
<!DOCTYPE html>
<html>
<div class="text-align:center">
<h1>
Chromie Cards
</h1>
</div>
<!--------- top chromie^--------->
<ul>
<br>
<h2>
<div style="font-size:42px">
Rules
</div>
<div>
<br>
NONE...actually you might wan't some holy water for after ;)
</br>
</div>
</h2>
</br>
<!-rules and text->
<br>
<h3>
<div style=" start">
Lets get started, click the button below
</div>
</h3>
</br>
<!-------------start^------------->
<br>
<br>
<a href="#" class="myButton">START</a>
</br>
</br>
<ul>
<!----------button^--------->
</html>
CSS
h1 {
color: LightCoral;
text-align:center;
font-family: Arial;
font-size: 42px;
opacity: 20;
}
h2 {
color: LightCoral;
font-family: Arial;
font-size: 28px;
opacity: 20;
}
h3 {
color: LIghtCoral;
font-family: Arial;
font-size: 20px;
}
body {
background-color: DimGray ;
}
/* button */
.myButton {
-moz-box-shadow:inset 0px 1px 0px 0px #f7c5c0;
-webkit-box-shadow:inset 0px 1px 0px 0px #f7c5c0;
box-shadow:inset 0px 1px 0px 0px #f7c5c0;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fc8d83), color-stop(1, #e4685d));
background:-moz-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
background:-webkit-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
background:-o-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
background:-ms-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
background:linear-gradient(to bottom, #fc8d83 5%, #e4685d 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc8d83', endColorstr='#e4685d',GradientType=0);
background-color:#fc8d83;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #d83526;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:Arial;
font-size:15px;
font-weight:bold;
padding:6px 24px;
text-decoration:none;
text-shadow:0px 1px 0px #b23e35;
}
.myButton:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e4685d), color-stop(1, #fc8d83));
background:-moz-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
background:-webkit-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
background:-o-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
background:-ms-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
background:linear-gradient(to bottom, #e4685d 5%, #fc8d83 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4685d', endColorstr='#fc8d83',GradientType=0);
background-color:#e4685d;
}
.myButton:active {
position:relative;
top:1px;
}
/* button */
