style.css

html, body, form, fieldset, legend {
    margin: 0;
    padding: 0;
}
h1, h2, h3, h4, h5, h6, p {
    margin-top: 0;
}
fieldset,img {
    border: 0;
}
legend{
    color: #000;
}
sup {
    vertical-align: text-top;
}
sub {
    vertical-align: text-bottom;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    vertical-align: top;
    font-weight: normal;
}
input, textarea, select {
    font-size: 110%;
    line-height: 1.1;
}
abbr, acronym {
    border-bottom: .1em dotted;
    cursor: help;
}

/*o meu código começa aqui, o código acima é um reset*/
/*fonte do reset: http://www.maxdesign.com.au/articles/css-reset/ */

html {
    width: 1300px;
    margin: 0 auto;
    font-family: sans-serif;
    font-size: 0.95em;
    color: #424242;
    background-color: #FFFFFF;
}
body {

}
.texto {
    position: absolute;
    top: 20px;
    width: 550px;
}
#instrucoes {
    background-color: #FAFAFA;
    width: 536px;
    padding: 5px;
    color: #585858;
    border: 2px solid #D8D8D8;
}
#hint {
    background-color: #FAFAFA;
    width: 536px;
    padding: 5px;
    color: #585858;
    border: 2px solid #D8D8D8;
    margin: 10px 0 0 0;
}
.codigo {
    position: absolute;
    left: 630px;
    top: 65px;
    padding: 10px;
    width: 676px;
    height: 420px;
    background-color: #e6efc2;
    color: #264409;
    border: 2px solid #c6d880;
    font-family: mono;
    font-weight: bold;
    font-size: 0.85em;
}
#voltar {
    position: absolute;
    left: 1275px;
    top: 25px;
    color: #585858;
}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {background-color: #F2F2F2; }
a:active {text-decoration: none;}
hr {
    border: 0;
    width: 100%;
    color: #D8D8D8;
    background-color: #D8D8D8;
    height: 2px;
}