Divs desalineados

[Batan]

H1 tiene por defecto un margen y con tu height lo que has echo es aumentar ese margen


Cambialo a este

Código CSS:

div.logo {
        background-color: #FF8000;
        position:absolute;
        top:0;
        left:0;
        height: auto;
        width: 100%;
    }
     
    div.logo h1 {
        margin: 0px;
        color: #ff0000;
        font: bold 40px arial, sans-serif;
    }
 

Y el fondo azul claro

Código CSS:

body{
margin: 0px;
background-color: #81BEF7;
}
 

Asi haras que la etiqueta body que totalmente al fondo que tu querias, y quitale el brackground-color al DIV registrar.

Haber si es eso lo que quieres.
Saludos