Einheitliches Erscheinungsbild / identisches Webseitenlayout

Hallo zusammen, womöglich eine Kleinigkeit...? Ich jedoch komme nicht zur Lösung. Möchte gerne das alle Seiten wie die Homesite aussieht beim Aufrufen. Wie stelle ich das am besten an? Also, alle Verlinkungen sollen optisch wie die Homesite aussehen. Home / Über mich / Kontakt / Leistungen / Impressum sollen entsprechend gleich (flexible layout mit einer Breite 75%, Maximalbreite 50rem) aussehen. Ich hänge zeige hier mal meine HTML und CSS Datei, bzw. einen LINK in HTML uebermich. uebermich soll nun demzufolge auch wie die Seite index.html aussehen. Was muss ich dazu tun?
Kommentar abgeben zu diesen Beitrag/Code ?
Dann hier klicken

Der hier verwendete Code

<style>
*{
margin:0;
padding:0;
}
iframe{
width:49%;
height:100vh;
}
</style>
<iframe srcdoc='<!DOCTYPE html>
<html lang="de"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>Startseite Basislayout - ATOM</title> <meta name="author" content="JT, Wochenendhaus, Vermietung, Urlaub, Ostsee"> <meta name="description" content="MMDE10y"> <meta name="keywords" content="ATOM, HTML, CSS">
<style>
* {
padding: 0px;
margin: 0px;
}
body {
background-color: #274fc5;
font-weight: normal;
font-family: "Verdana";
font-size: 100%;
color: #333333;
min-height: 100vh;
}
#holder {
display: flex;
flex-direction: column;
width: 75%;
max-width: 50rem;
margin: 0px auto;
background: #d7b345 none repeat scroll 0% 0%;
}
header {
background-color: #2770ff;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX