File: css/style.css

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{
    display: block;
}
body{
    overflow:  hidden; 
    background-color: white;
    line-height: 1;
}
ol, ul{
    list-style: none;
}
blockquote, q{
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after{
    content: '';
    content: none;
}

.wrapper {
        font-size: 1.2em;
    text-align: center;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    overflow: auto;
    display: inline-block;
    background-color: white;
    background-color: darkorange;
}
.wrapper h1{
    background-color:rgb(0, 255, 128);
    padding:25px;
    -webkit-box-shadow:rgba(92, 92, 92, 0.270588) 0px 0px 4px 4px;
    -moz-box-shadow:rgba(92, 92, 92, 0.270588) 0px 0px 4px 4px;
    box-shadow:rgba(92, 92, 92, 0.270588) 0px 0px 4px 4px;
    color:rgb(12, 184, 0);
    font-size:2em;
    font-weight:bold;
    font-family:Arial,sans-serif;
    text-shadow:rgb(255, 255, 255) 1px 1px 2px;
    margin:0px 0px 30px;
}
.wrapper p {
    color:rgb(255, 106, 0);
    font-size:2em;
    font-weight:bold;
    font-family:Arial,sans-serif;
    text-shadow:rgb(255, 217, 145) 1px 1px 2px;
}
.wrapper input[type = text]{
text-align: center;
padding: 3px;
font-weight: bold;
margin: 10px;
border: solid 3px cadetblue;
}
.cButton {
    -moz-border-radius: 0px;
    -moz-box-shadow: inset 1px 1px 0px 0px #97c4fe;
    -webkit-border-radius: 0px;
    -webkit-box-shadow: inset 1px 1px 0px 0px #97c4fe;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(5%, #3d94f6), color-stop(100%, #1e62d0) );
    background: -moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% );
    background: -ms-linear-gradient( top, #3d94f6 5%, #1e62d0 100% );
    background-color: #3d94f6;
    border: 1px solid #337fed;
    border-radius: 0px;
    box-shadow: inset 1px 1px 0px 0px #97c4fe;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0');
    font-family: Arial;
    font-weight: bold;
    padding: 3px 5px;
    text-decoration: none;
    text-shadow: 1px 1px 0px #1570cd;
}
.cButton:active {
    position: relative;
    top: 1px;
}
.cButton:hover {
    background: -webkit-gradient( linear, left top, left bottom, color-stop(5%, #1e62d0), color-stop(100%, #3d94f6) );
    background: -moz-linear-gradient( center top, #1e62d0 5%, #3d94f6 100% );
    background: -ms-linear-gradient( top, #1e62d0 5%, #3d94f6 100% );
    background-color: #1e62d0;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6');
}