styles/style.css
scripts/script.css
Proponuję zamienić folder styles na "css" i scripts na "js".
Do <header> powinieneś dodać jeszcze <h2> Jeżeli nie chcesz go na stronie mieć widocznego to dodaj mu class="hidden" natomiast dla hidden w css daj display: none; (chodzi tutaj o semantykę strony).
Natomiast strona powinna wyglądać tak:
<header> <-- Jest
<main> <-- Nie ma
<footer> <-- Nie ma
Trochę musisz popracować nad semantyką kodu. (link)
---
Natomiast jeżeli chodzi o margines, który ci przeszkadza to najprawdopodobniej jest to kwestia marginesu jaki strona ustawia automatycznie. Możesz to rzecz jasna zmienić ustawiając margines dla <body>.
body {
margin: 0;
}
Musisz pamiętać że jest coś takiego jak dziedziczenie marginesów. Możesz to zmienić chociażby ustawiając padding dla rodzica, albo dodając dla do niego overfolow: hidden; Powinno załatwić sprawę.