/* 
Setzt das Box-Sizing für das gesamte Dokument.
border-box bedeutet: Padding und Border zählen zur Gesamtbreite und -höhe eines Elements.
Das hilft dabei, präzisere Layouts zu erstellen.
*/
html {
    box-sizing: border-box;
}

/* 
Alle Elemente und deren Pseudoelemente (::before und ::after)
übernehmen das Box-Sizing vom html-Element.
So bleibt das Verhalten einheitlich im ganzen Dokument.
*/
*, *::before, *::after {
    box-sizing: inherit;
}

/* 
Allgemeines Styling für den Body der Seite
*/
body {
    font-family: Arial, sans-serif; /* Setzt Arial als Standardschrift (mit Fallback auf sans-serif) */
    margin: 0; /* Entfernt den Standard-Außenabstand des Body */
    padding: 0; /* Entfernt den Standard-Innenabstand des Body */
    background-color: #000000; /* Setzt den Hintergrund des Body auf Schwarz */
    overflow-x: hidden; /* Verhindert horizontales Scrollen */
}